A split pane is represented by the splitPane element type. A split pane contains exactly two presentation components that, by default, are displayed side-by-side within the split pane.

The following example shows a split pane with default attributes.

Make this object in eNode Sandbox. The result should be similar to the following:

It is easy to change the orientation of a split pane by setting the splitPane element’s orientation attribute to true.

Make this object in eNode Sandbox. The result should be similar to the following:

You can drag the divider to resize the panes within a split pane, but you cannot shrink a pane to a size smaller than its minimum size. You may specify the minimum size of a presentation component through its minimumSize attribute.

The following example sets the minimum size of the first pane to be smaller than its actual size. As a result, you can now drag the divider much further up than in the previous example.

Make this object in eNode Sandbox. The result should be similar to the following: