# vim: ts=3 sw=3 et ft=org
#+TITLE: jQuery Mobile Elements
#+STYLE: <LINK href='../stylesheet.css' rel='stylesheet' type='text/css' />
#+AUTHOR: Jesse Gumm (@jessegumm)
#+OPTIONS:   H:2 num:1 toc:1 \n:nil @:t ::t |:t ^:t -:t f:t *:t <:t
#+EMAIL: 
#+TEXT: [[file:../index.org][Getting Started]] | [[file:../api.org][API]] | [[file:../elements.org][*Elements*]] | [[file:../actions.org][Actions]] | [[file:../validators.org][Validators]] | [[file:../handlers.org][Handlers]] | [[file:../config.org][Configuration Options]] | [[file:../about.org][About]]

* jQuery Mobile Elements

   All of the jQuery Mobile Elements share a number of attributes in common. Please note that jQuery mobile elements will just be normal HTML elements unless the jQuery mobile javascript has been included. Please see the [[../jquery_mobile_integration.html][jQuery Mobile Integration Guide]].

** Usage

#+BEGIN_SRC erlang
   #some_mobile_element { 
      theme=a,
      data_fields=[
         {icon, minus},
         {shadow, true}
      ]
   }
#+END_SRC

** Attributes

   + theme - (/atom/) :: Sets the jQuery Mobile Swatch Letter. Can be a-z.

   + data_fields - (/[{field, Attribute},...]/) :: Sets HTML5 data attributes, which are commonly used for jQuery mobile integration. While most Nitrogen mobile elements already include common data attributes (such as 'data-role', 'data-mini' or 'data-theme', etc), this allows the user to add ones that might not be immediately supported by Nitrogen. See the [[http://jquerymobile.com/test/docs/api/data-attributes.html][jQuery Mobile data attributes]]

** See Also

   + [[./base.html][base element]]

   + [[../jquery_mobile_integration.html][jQuery Mobile Integration Guide]]

   + [[http://jquerymobile.com/test/docs/api/data-attributes.html][jQuery Mobile data attributes]]
