About
Input counted control is used for plain text content. It provides ability to set maximum number of character. Most common usage is for titles, labels.
Syntax
fr:input-counted
<fr:input-counted ref="binding" max="50"> <xforms:label>Internal Title</xforms:label> </fr:input-counted>
Attributes
| max | A maximum number of characters that component should allow. |
Variables
| label | Control label |
| note | Hint text (tool-tip) |
| info | Help contents |
| alert | Invalid state message |
Examples
fr:input-counted
Input box to limit the input to 50 characters <fr:input-counted ref="binding" max="50"> <xforms:label>Internal Title</xforms:label> </fr:input-counted> Input box with no limit <fr:input-counted ref="binding"> <xforms:label>Internal Title</xforms:label> </fr:input-counted>
Images
Invalid state due to a required a field constraint
Valid state
