Kendo UI for jQuery

jQuery Splitter

  • Separate your web content into sections for an intuitive user flow with the jQuery Splitter component and have control over the pane size, orientation, and visibility.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Splitter
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery Splitter enables developers to define sections of a page in a column and row structure. Each section can also be resized by simply dragging the provided handlers and can be expanded and collapsed.

    See the jQuery Splitter demo

    splitter-component-overview
  • Panes

    Panes are the essence of the jQuery Splitter. Each content area of is a Pane, and each Pane can be configured to define dimensions and allow for resizing, collapsing or scrolling on a pane-by-pane basis.

    Read the jQuery Splitter Panes documentation

    panes-jquery-splitter-component
  • Globalization

    The jQuery Splitter component supports any globalization or localization scenarios. You can also enable RTL mode to display the control’s text and UI elements from left to right.

    See the jQuery Splitter RTL demo

    rtl-support
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery Splitter Keyboard Navigation demo.

    keyboard-navigation