Controlgroup Widgetversion added: 1.3
Description: Groups buttons together.
The jQuery UI controlgroup widget is bundled in jQuery Mobile with some changes. Thus, its API documentation fully describes its functionality.
Options
direction
vertical
By default, controlgroup displays its controls in a vertical layout. Use this option to use a horizontal layout instead.
This option is also exposed as a data-attribute data-direction="horizontal"
.
Initialize the controlgroup with the direction
option specified:
1
2
3
|
|
Get or set the direction
option, after initialization:
1
2
3
4
5
|
|
mini
null (false)
true
, this will display a more compact version of the controlgroup that uses less vertical height by applying the ui-mini
class to the outermost element of the controlgroup widget.
Note: mini
option is deprecated in 1.5 and will be removed in 1.6
This option is also exposed as a data attribute: data-mini="true"
.
shadow
false
Sets whether a drop shadow is drawn around the controlgroup.
Note: controlgroup
option is deprecated in 1.5 and will be removed in 1.6
This option is also exposed as a data attribute: data-shadow="false"
.
Initialize the controlgroup with the shadow
option specified:
1
2
3
|
|
Get or set the shadow
option, after initialization:
1
2
3
4
5
|
|
type
vertical
Sets whether children should be stacked on top of each other or next to each other. If set to "horizontal", the children of the controlgroup will be stacked next to each other.
Note: controlgroup
option is deprecated in 1.5 and will be removed in 1.6
This option is also exposed as a data attribute: data-type="horizontal"
.
Initialize the controlgroup with the type
option specified:
1
2
3
|
|
Get or set the type
option, after initialization:
1
2
3
4
5
|
|
Methods
container()Returns: jQuery (plugin only)
Note: controlgroup
method is deprecated in 1.5 and will be removed in 1.6
1
|
|
- This method does not accept any arguments.
Invoke the container method:
1
|
|