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)

Date: 2013-10-03 13:41:32 CDT

Author: Jesse Gumm (@jessegumm)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0

Comments

Note:To specify code blocks, just use the generic code block syntax:
<pre><code>your code here</code></pre>


comments powered by Disqus