Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      Splitter / Keyboard navigation

      Inner splitter / left pane

      Resizable and collapsible.

      Inner splitter / center pane

      Resizable only.

      Inner splitter / right pane

      Resizable and collapsible.

      Outer splitter / bottom pane

      Non-resizable and non-collapsible.

      Keyboard Legend

      • Alt w focuses first splitbar
      • left arrow moves focused splitbar to the left (if horizontal splitter)
      • right arrow moves focused splitbar to the right (if horizontal splitter)
      • up arrow moves focused splitbar up (if vertical splitter)
      • down arrow moves focused splitbar down (if vertical splitter)

       

      • ctrl left arrow collapses the left pane or expands the right one
      • ctrl right arrow collapses the right pane or expands the left one
      • ctrl down arrow collapses the upper pane or expands the lower one
      • ctrl up arrow collapses the lower pane or expands the upper one

       

      • enter accepts current position of the splitbar
      • esc returns splitbar to its initial position

      PHP source

      Also available for:

      • keyboard-navigation.php
      • Widget configuration

      Support & learning resources

      Splitter for other technologies