Defining jQuery Mobile Plug-In Properties
This topic discusses how to set and use jQuery mobile plug-ins.
You can define jQuery mobile plug-in properties for the following mobile application platform page elements:
Action sheet.
Input.
Check box.
Container.
Flip toggle.
Footer.
HTML area.
Header.
List view.
Mobile grid.
Push button.
Radio button.
Select box.
Select menu.
Slider.
Table.
URL.
For the case where a JavaScript adds new behavior to current jQuery Mobile widgets and/or core functionality, you can add data-* attributes to the type field. For example:
data-xxx=”abc”
For example:
data-rel=”back”
Use the Optional Plug-In section on the properties page for an element to add the attributes.
Image: Optional Plug-In section
This example illustration the Optional Plug-In section that appears properties page for an element.
To use third-party jQuery Mobile plug-ins in a Mobile Application Platform application, perform the following steps:
Add Java Script (if applicable) to the Layout Designer - JavaScript page.
To access the page select and click the JavaScript tab.
Add CSS (if applicable) to the Layout Designer - CSS page.
To access the page select and click the CSS tab.
Add the data attribute to the jQuery Data Elements field in the Optional Plug-In box on the properties page for the element, if applicable.
Use the element type HTML Area to add any specific HTML need to support the plug-in (if applicable).