jQuery Mobile

Demos

Menu Search

Controlgroups

Controlgroups are used to visually group a set of buttons to form a single block that looks contained like a navigation component.

Controlgroup vertical

No icon Left Right Top Bottom Icon only

Mini sized

No icon Left Right Top Bottom Icon only

Controlgroup horizontal

No icon Left Right
Top Top
Bottom Bottom
Icon only Icon only

Mini sized

No icon Left Right
Top Top
Bottom Bottom
Icon only Icon only

Radio button

Vertical:
Vertical, mini sized:
Horizontal:
Horizontal, mini sized:

Checkbox

Vertical:
Vertical, mini sized:
Horizontal:
Horizontal, mini sized:

Selects

Vertical:
Vertical, mini sized:
Horizontal:
Horizontal, mini sized:

Pre-rendered markup

You can supply pre-rendered markup for any controlgroup to save startup time. The example below illustrates the markup you have to provide for a pre-rendered controlgroup. Note that the widgets inside the controlgroup need not necessarily be pre-rendered.

Pre-rendered controlgroup: