Mobile Panel Element

1 Mobile Panel Element - #mobile_panel {}

This element produces a jQuery Mobile Panel Element, which is typically used for making mobile-style slide-out menus.

#mobile_panel { 
  display_mode=push,
  body=[
    #h3{text="Menu"},
    "Here is a slide-out side menu"
  ]
}.

body - (Nitrogen element or list of elements): Set the element(s) that will be rendered within this panel.
theme - (atom): Set the jQuery Mobile swatch letter for the content.
dismissible - (boolean): Set to true to allow it to be dismissed with the Escape key or clicking outside of the panel contents.
position - (left or right): Tells which side of the screen to place the panel. (Default: left)
display_mode - (reveal, push, or overlay): Which way to animate the panel into visibility. (Default: reveal)