All docs
V24.2
24.2
24.1
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Splitter - Overview

Splitter is a UI component designed to split a page layout into multiple panes.

In this overview you can find a map of Splitter elements, information about key features, and what to explore next.

Elements

Below is a Splitter element map. A click on an element name navigates you to a topic devoted to this element.

Splitter elements Panes (items) Collapse Icon (collapsible) Resize Icon (resizable) Handles (separatorSize)

Key Features

  • All panes can be not only resizable, but also collapsible.

  • You can set different pane sizes. Splitter is a responsive component, and sizes are maintained on mobile devices too.

  • Our template mechanism allows you to fill panes with content as your needs dictate.