Horizontal Split

The Horizontal Split section is used to hold content inside it horizontally (stacked next to each another) and allows for content to be split into two or more sections.

The easy to configure appearance options provide a lot of possibility in developing unparalleled Coaches.

Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).

This control provides an easy way to organize Coaches and offers exceptional content flow.


Height  Optional - Default at 100% of its container (but container must have explicitly set height)

Pane Specs Specify various appearance variables for each pane, such as width, handle location, etc.


These are the configuration option settings...

Note: The Image and Note controls are inside of Vertical Layouts, which are inside of the Horizontal Split.

This is the result...

You can toggle between the panes by clicking the arrows in the middle (Handle Location)


With the Horizontal Split section, there are 3 types of event handlers:

  • On Load When the page loads
  • On Pane Collapsed When a pane is collapsed
  • On Pane Expanded When a pane is expanded

You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.


For detailed information on the available methods for this control, access the JS Doc file.


  • Author: Courtney Silva
  • Date Created: June 25, 2015
  • Date Modified: August 3, 2015
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request