CSS Reference Card Mapping of XForms Pseudo Classes to Chiba Classes Xforms CSS :enabled :disabled :required :optional :valid :invalid :read-only :read-write :out-of-range :in-range :value-empty :value-non-empty
Chiba CSS classes xfEnabled xfDisabled xfRequired xfOptional xfValid xfInvalid xfReadOnly xfReadWrite not defined yet in Chiba not defined yet in Chiba todo: xfValueEmpty todo: xfValueNonEmpty
Description Selects a control that is relevant Selects a control that is not relevant Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound Selects any core form control bound
to to to to to to to to to to
a a a a a a a a a a
node node node node node node node node node node
with the model item property required evaluating to true with the model item property required evaluating to false that is currently valid that is currently invalid with the model item property readonly evaluating to true with the model item property readonly evaluating to false that contains a value the form control is not capable of rendering that contains a value the form control is capable of rendering whose content is the empty string whose content is not the empty string
Mapping of XForms Pseudo Elements to Chiba Classes Xforms CSS ::value
Chiba CSS classes xfValue
::repeat-item
xfRepeatItem
::repeat-index
xfRepeatIndex
Description from XForms 1.1 CR Represents the "active" area of a form control excluding the label; this corresponds in HTML to input and other form control elements. This pseudoelement is a child of the form control element, and appears immediately after the required label element. Represents a single item from a repeating sequence. Its position is as a parent to all the elements in a single repeating item. Each ::repeat-item is associated with a particular instance data node, and is affected by the model item properties (e.g. 'relevant') found there, as the related style properties will cascade to the child elements. Selects any core form control bound to a node with the model item property required evaluating to trueRepresents the current item of a repeating sequence. Its position is as a parent of all the elements in the index repeating item (and as a child to the ::repeat-item pseudo-element), thus any style declarations applying to this pseudo-element override those on the parent ::repeat-item.
Chiba Classes applied to XForms Elements
For following XForms Attributes Chiba CSS Classes get generated with following pattern
XForms Element Container group repeat switch case Controls input output range secret select select1 submit textarea
CSS classes
Description
xfGroup xfRepeat xfSwitch xfCase
matches matches matches matches
an an an an
Element Element Element Element
that that that that
represents represents represents represents
a a a a
XForms XForms XForms XForms
group element repeat element switch element case element
xfInput xfOutput xfRange xfSecret xfSelect xfSelect1 xfSubmit xfTextarea
an an an an an an an an
Element Element Element Element Element Element Element Element
that that that that that that that that
represents represents represents represents represents represents represents represents
a a a a a a a a
XForms XForms XForms XForms XForms XForms XForms XForms
input element output element range element secret element select element select1 element submit element textarea
upload Helper alert label hint help other item any control
xfUpload
matches matches matches matches matches matches matches matches element matches
xfAlert xfLabel xfHint xfHelp
matches matches matches matches
an an an an
xfSelectorItem xfRequiredSymbol
matches an Element that represents a XForms item element matches an Element that is bound to a required Node
an Element that represents a XForms upload element Element Element Element Element
that that that that
represents represents represents represents
a a a a
XForms XForms XForms XForms
alert element label element hint element help element
Token Description 'xf' literal Prefix [$upperCaseName] local name of XForms Element first letter uppercased [$appearance] value of XForms @appearance Attribute first letter uppercased [$datatype] Schema datatype of bound Node first letter uppercased [$incremental] value of XForms @incremental Attribute first letter uppercased
Example xf Group
Attribute/property appearance
Matcher Creation Rule 'xf'[l$appearance][$upperCaseName]
type
'xsd'[$datatype]
incremental
'xf'[$incremental]
Examples xfFullGroup, xfMinimalSelect xsdString, xsdAnyURI xfIncremental
<xf:repeat appearance=â&#x20AC;?compactâ&#x20AC;?> each <td>
col1, col2, col3 ...
Minimal Integer Incremental