Mobile Panel Element
Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Plugins | Mobile | Troubleshooting | About
Table of Contents
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.
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
)
- displaymode - (reveal, push, or overlay)
- Which way to animate the
panel into visibility. (Default: reveal
)