Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Advanced Guides | Troubleshooting | About

Mobile Panel Element - #mobile_panel {}

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

Usage

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

Attributes

• 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)

See Also

• jQuery mobile elements

• base element

• toggle_mobile_panel action

• Mobile Panel Demonstration