../bfResources/bfResources/images/delete-file.png../bfResources/bfResources/images/delete-file.png

CSS
Hover the classes to see matching element(s) in the example
xfTrigger matches an Element that represents a XForms input element
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

# Trigger control with nested image output

This form control is similar to the HTML element button and allows for user-triggered actions. This form control may also be used to construct other custom form controls.

DOES NOT WORK YET!!!

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

The trigger1 was clicked The trigger2 was clicked
readonly relevant

## XForms Markup

    <xf:trigger id="trigger1">
        <xf:label ref="output[1]/value" mediatype="image/png"></xf:label>
        <xf:message>The trigger1 was clicked</xf:message>
    </xf:trigger>

    <xf:trigger id="trigger2">
        <xf:label ref="output[2]/value" mediatype="image/png"></xf:label>
        <xf:message>The trigger2 was clicked</xf:message>
    </xf:trigger>