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

      JSP source

      Also available for:

      • keyboard-navigation.jsp
      • KeyboardNavigationController.java
      • Widget configuration

      Support & learning resources

      Splitter for other technologies