Horizontal Split control

You use the Horizontal Split control to hold content inside the control horizontally (stacked next to each another). By using this control, you can split content into two or more sections.

Data binding

Set or modify the data binding for the control in the General properties tab. The Horizontal Split control can be bound to a String variable.

Configuration properties

Set or modify configuration properties for the control, such as appearance and behavior properties, in the Configuration properties tab.

Screen size: A configuration property that has the Screen Sizes icon beside the property name can have different values for each screen size. If you do not set a value, the screen size inherits the value of the next larger screen size as its default value. If you are using the Process Designer desktop editor, you are setting the value for the large screen size. The other screen sizes inherit this value.

Theme definitions: Theme definitions specify the colors and styles for a control and determine the appearance of the control. You can preview the look and feel of controls in the theme editor. See Themes.

The appearance configuration properties for the Horizontal Split control are shown in the following table:

Table 1. Appearance configuration properties for the Horizontal Split control
Appearance configuration property	Description	Data type
Height	The default setting is 100% of its container. The container must have an explicitly set height.	`String`
Pane specs	Specify various appearance variables for each pane, such as the `size`, `collapsedSize`, `splitterThickness`, and `handleLocation`.	`SplitPaneSpec[]`

Events

Set or modify the event handlers for the control in the Events tab. You can set events to be triggered programmatically or when a user interacts with the control. For information about how to define and code events, see User-defined events.

The Horizontal Split control has the following types of event handlers:

On load: Activated when the view loads, for example
me.collapsePane(me.getPaneCount() - 1)
On pane collapsed: Activated when a pane collapses, for example
${PaneStatus}.setText("Last Pane Collapsed: " + paneIndex);
On pane expanded: Activated when a pane expands, for example
${PaneStatus}.setText("Last Pane Expanded: " + paneIndex);

Depending on the specific event, you can use JavaScript logic to modify the effects of the control. More information on using events with controls is found in the topic Event Handling.

Methods

For detailed information on the available methods for the Horizontal Split control, see the JavaScript documentation.

Additional resources

For information about how to create a coach, see Building coaches.
For information about standard properties (General, Configuration, Positioning, Visibility, and HTML Attributes), see Coach view properties.