API Documentation

Splitter

Themable, WAI-ARIA accessible javascript splitter with mouse and keyboard interactions for navigation. For examples, check out Splitter demo page.

Properties

Key Type Required Description
dataUrl string No URL for ajax content panes. Defaults to: null
orientation string No Defaults to: horizontal. Possible values are horizontal and vertical
panes array Yes Array of objects. Defaults to: [] - an empty array. Object indexes are:
size (numeric)
collapsible (boolean) - default to false
resizable (boolean) - default to true
region (string) - values are: east, south, west, north, center
splitterSize numeric No This is the splitter width for horizontal orientation, and height for vertical orientation. Defaults to: 4

Methods

Method Arguments Description
collapse .zinoSplitter("collapse", node) Collapse a splitter pane by given node.
expand .zinoSplitter("expand", node) Expand a splitter pane by given node.
destroy .zinoSplitter("destroy") Removes the splitter functionality completely. This will return the element back to its pre-init state.

Events

Event Arguments Description
collapse event, ui Triggered when splitter pane is collapsed.
expand event, ui Triggered when splitter pane is expanded.
load event, ui Triggered when splitter pane content is loaded with AJAX.
resize event, ui Triggered when splitter pane is resized.