martes, 16 de julio de 2013

Controlgroup - Agrupación de elementos en Jquery Mobile


El componente controlgroup permite agrupar elementos -> data-role="controlgroup". Uno de los complementos más importantes de controlgroup es el atributo que determina la colocación de los elementos -> data-type= vertical | horizontal

Veamos un sencillo ejemplo de agrupación de botones verticalmente y horizontalmente ... 

<h3>Vertical</h3>
<form>
<fieldset data-role="controlgroup" data-type="vertical">
<input type="button" data-theme="e" value="uno">
<input type="button" data-theme="e" value="dos">
</fieldset>
</form>

<h3>Horizontal</h3>
<form>
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="button" data-theme="e" value="uno">
<input type="button" data-theme="e" value="dos">
</fieldset>
</form>

Jquery Mobile