images/bf_logo_482x195.png

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

# Image output control

This form control renders content based in part on instance data, but it provides no means for entering or changing data.

If an output uses the mediatype attribute with a value of image/gif , image/png or image/jpg the bound data are rendered as an image.

| XForms 1.1 Links
Recommendation
Quick Reference

## Example

a label:a Hint for this control help for output1 invalid
readonly required relevant valid

## XForms Markup

    <xf:instance>
        <data>
            <output1 constraint="true" readonly="false" required="false" relevant="true">
                <value>images/bf_logo_482x195.png</value>
            </output1>
        </data>
    </xf:instance>

    <xf:output id="output1" ref="output1/value" mediatype="image/gif" incremental="true">
        <xf:label>a label:</xf:label>
        <xf:hint>a Hint for this control</xf:hint>
        <xf:help>help for output1</xf:help>
        <xf:alert>invalid</xf:alert>
    </xf:output>

## Notes

Though the Model Item Properties readonly and required are shown in the above example they of course cannot be influenced directly via the output control but the same node might be bound by other XForms controls that allow data entry. State changes resulting by entering data through other controls will be reflected by the output.

The bound instance node must contain a link to the image to be rendered NOT an image as data.