- jQuery Mobile Tutorial
- jQuery Mobile - Home
- jQuery Mobile - Overview
- jQuery Mobile - Setup
- jQuery Mobile - Pages
- jQuery Mobile - Icons
- jQuery Mobile - Transitions
- jQuery Mobile - Layouts
- jQuery Mobile - Widgets
- jQuery Mobile - Events
- jQuery Mobile - Forms
- jQuery Mobile - Themes
- jQuery Mobile - CSS Classes
- jQuery Mobile - Data Attributes
- jQuery Mobile Useful Resources
- jQuery Mobile - Interview Questions
- jQuery Mobile - Quick Guide
- jQuery Mobile - Useful Resources
- jQuery Mobile - Discussion
jQuery Mobile - Buttons in grids
It is a collection of buttons in grid format in jQuery mobile.
Following table demonstrates the types of buttons in grids in detail.
| Sr.No. | Type & Description |
|---|---|
| 1 | Basic
Margin gap is there on the left and right side of the button. |
| 2 | Mini sized
In the element, include attribute data-mini = "true" for creating a mini version button. |
| 3 | Icon only, inline centered
The only icon is set on the button by using the classui-icon-* in jQuery mobile. |
| 4 | Responsive
To stack grids below 35em (560px), a preset breakpoint can be applied. |
| 5 | Alignment
A single button is aligned along with the buttons present in other grids. |
jquery_mobile_layouts.htm
Advertisements