Perspective - Split Container

Component Palette Icon:

Description

The Split container holds two children separated by a draggable "split" that allows the user to resize the two children during the runtime. The Split container supports both horizontal and vertical layouts.

Properties

Most Properties have binding options. For more information on Bindings, see Types of Bindings in Perspective. This section only documents the Props Category of properties. The other Categories are described on the Perspective Component Properties page.

Property	Description	Property Type
orientation	The orientation in which the container's split is fixed. Horizontal will allow the user to adjust the container from left to right, while Vertical will allow the user to adjust it from top to bottom.	value: numeric
split	Configuration for the split bar. position: Bidirectionally represents the position of the split bar. Numeric values here will be used as pixels, numeric or string property type. size: The size of the split bar in pixels, numeric property type. visible: Determines if the split bar should be visible, boolean property type. draggable: Determines if the split bar should be draggable, boolean property type.	object
style	Use Style to customize the visual style of the component. The Style menu contains all the tools for modifying text, background, margins, and borders. You can also specify a style class.	object

Child Component Position Properties

When a component is placed inside of a Split container, it will inherit the position property listed below.

Property	Description	Data Type
position	Indicates which side of the split bar the child component is located on. Expected values include "left", "right", "top", and "bottom"	value: string

Component Scripts and Events

Further component interaction and functionality can be configured for all components through scripting and event actions. Right-click on the component or select Components from the Designer menubar to access the configuration popups for both of these options:

• Configure Events: Accesses the Event Configuration popup where you can configure actions to run in response to events to make the component dynamic. The Events Configurations page shows how to configure events and actions on a Perspective component.

• Configure Scripts: Accesses the Script Configuration popup where custom methods and message handlers can be added. The Scripting in Perspective section details scripting fundamentals, creating custom methods, and using message handlers.

The Split Container component also has Component Events and Functions associated with it. See the Perspective - Split Container Scripting page for more information.