The Splitter provides options for setting the behavior of its panes.
By using these options, you can configure the following pane features:
size property controls the dimensions of the Splitter panes. It accepts units in both pixel and percentage values. To control the minimum and maximum size of a pane, use the
max properties of the Splitter
To allow the Splitter to fully and evenly distribute the available space between panes of non-declared size, do not specify the size of at least one pane. Otherwise, if you declare
size for all panes, the Splitter will throw an error.
By default, the Splitter enables the user to resize its panes. To disable this behavior, set the
resizable property to
You can enable a Splitter pane to collapse by setting the
collapsible property to
true. As a result, the Splitter renders a button which shows or, respectively, hides the pane. To collapse a pane, you can also double-click the split-bar. To render a pane that is initially collapsed, use the
collapsed property. The Splitter should have at least one non-collapsed pane without a set size.
By default, the content of the Splitter panes is scrollable. To disable the scrolling feature, set the
scrollable property to