FieldSet Tag

Version 2 by Philip Breau
on Aug 09, 2012 15:04.

<< Changes from 1 to 2

compared with

Version 3 by Philip Breau
on Aug 09, 2012 15:09.

Changes from 3 to 4 >>

Key

These lines were removed. This word was removed.

These lines were added. This word was added.

View page history

There are 6 changes. View first change.

-h2. {{<mobi:flipSwitch>}}
+h2. {{<mobi:fieldSetGroup>}} and {{<mobi:fieldSetRow>}}
-Android style binary input button.
+Fieldsets can be used to group content in a mobile-friendly layout.
-<mobi:flipSwitch id="trueFalseFlipSwitch" labelOn="True"
-                 style="float:right"
-                 labelOff="False"
-                 name="trueFalseFlipSwitch"
-                 value="${flipSwitchBean.trueFalseFlipSwitch}"/>
-{code}
+<mobi:fieldSetGroup inset="true">
+    <mobi:fieldSetRow>
+        <mobi:commandButton name="submitB" buttonType="default"
+value="default"/>
+        <mobi:commandButton name="submitB" buttonType='important'
+value="important"/>
+        <mobi:commandButton name="submitB" buttonType='attention'
+                            value="attention"/>
+        <mobi:commandButton name="submitB" value="plain"
+                            style="float:none;"/>
+    </mobi:fieldSetRow>
+    <mobi:fieldSetRow>
+        You Pressed:
+        <c:if test="${pressed != null}">
+            ${pressed}
+        </c:if>
+    </mobi:fieldSetRow>
+</mobi:fieldSetGroup>{code}
+h4. {{<mobi:fieldSetGroup>}}
-| *disabled* | Determines if control is disabled. |
-| *name* | Name of submitted value. |
-| *readOnly* | If true, Date Spinner is used for output only. |
-| *value* | Initial date value. |
-| *labelOn* | Value of label when flipswitch is in the ON state. |
-| *labelOff* | Value of label when flipswitch is in the OFF state. |
+| *inset* | If true, 'mobi-fieldset-inset' style class is applied to group. |
+h4. {{<mobi:fieldSetRow>}}
+| *id* | Pagewide unique identifier. |
+| *style* | Inline style definition. |
+| *styleClass* | User defined CSS class. |
+| *group* | If true, 'mobi-fieldset-row-group' CSS class is applied to row. |