aaa bbb ccc ddd

CSS
Hover the classes to see matching element(s) in the example
xfContainer matches any Element that represents a XForms group | repeat | switch element
xfMinimalGroup matches an Element that represents a XForms group element with minimal appearance
xfGroupLabel matches the label of a group
xfControl matches an Element that represents a XForms control
xfLabel matches the label part of an XForms control
xfValue matches the widget part of an XForms control
xfReadOnly matches a xforms control that is currently readonly
xfReadWrite matches a xforms control that is currently writable
xfRequired matches a xforms control that is currently required
xfOptional matches a xforms control that is currently optional
xfEnabled matches a xforms control that is currently relevant (enabled)
xfDisabled matches a xforms control that is currently disabled (can't be visualized here as the control gets hidden)
xfValid matches a xforms control that is currently valid
xfInvalid matches a xforms control that is currently invalid

# Minimal group

A group with 'minimal' appearance simply wraps the contents of the group in a span Element in the rendered output and is layout-agnostic. It should be used when no layout is implied by the group but only a XForms binding scope should be established.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

Group with minimal appearance A-label a hint to A-label an alert to A-label B-label a hint to B-label an alert to B-label C-label a hint to C-label an alert to C-label D-label a hint to C-label an alert to C-label
readonly relevant valid

## XForms Markup

    <xf:group ref="grouped-data/group" appearance="minimal">
        <xf:label>Group with minimal appearance</xf:label>
        <xf:input ref="a">
            <xf:label>A-label</xf:label>
            <xf:hint>a hint to A-label</xf:hint>
            <xf:alert>an alert to A-label</xf:alert>
        </xf:input>
        <xf:input ref="b">
            <xf:label>B-label</xf:label>
            <xf:hint>a hint to B-label</xf:hint>
            <xf:alert>an alert to B-label</xf:alert>
        </xf:input>
        <xf:input ref="c">
            <xf:label>C-label</xf:label>
            <xf:hint>a hint to C-label</xf:hint>
            <xf:alert>an alert to C-label</xf:alert>
        </xf:input>
        <xf:input ref="d">
            <xf:label>D-label</xf:label>
            <xf:hint>a hint to C-label</xf:hint>
            <xf:alert>an alert to C-label</xf:alert>
        </xf:input>
    </xf:group>