Skip to main content
Version: 9.1

Label

<div id="follow_up" 
data-win-control="HFWinJSCtrl.Label"
data-win-options="{
label: 'Follow up'
}"></div>
PropertyTypeHow to useDescription
labelStringlabel: 'Follow up'Define a label for your control element.
requiredBooleanrequired: trueSet "true" if the control has to be filled in.
requiredFieldsString | ArrayrequiredFields: 'repair_cover_glass_broken, repair_roll_counter_broken,...'Write down the ID's of those fields (i.e. a group of checkboxes or radioboxes) that belong to this label. Can be comma-separated list or complex array.
requiredFieldsOpStringrequiredFieldsOp: 'and'Define first level comparison operator of the requiredFields. Valid values are "and" or "or". The default value is "or".
tooltipStringtooltip: 'Please indicate at least one cause of damage.'Write a comment to provide further information about the field. A question mark will then be shown within the label and with a click/tap on it, the information will occur.

requiredFields

Simple

Example for comma-separated requiredFields in which all fields must be filled.

<div id="checkboxh_label" 
data-win-control="HFWinJSCtrl.Label"
data-win-options="{
label: 'Checkbox (horizontal)',
required: true,
requiredFields: 'checkboxh1,checkboxh2,checkboxh3,checkboxh4,checkboxh5,checkboxh6,checkboxh7,checkboxh8',
requiredFieldsOp: 'and',
tooltip: 'Multiple choice'
}"></div>

Complex

Example for complex array validation.

<div id="checkboxv_label" 
data-win-control="HFWinJSCtrl.Label"
data-win-options="{
label: 'Checkbox (vertikal)',
required: true,
requiredFields: [
{
op: 'and',
fields: 'checkboxv1,checkboxv2'
},
{
op: 'or',
fields: 'checkboxv3,checkboxv4,checkboxv5'
}
],
requiredFieldsOp: 'and',
tooltip: 'Multiple choice'
}"></div>
Validation object
PropertyTypeHow to useDescription
opStringop: 'and'Define second level comparison operator of the requiredFields. Valid values are "and" or "or". The default value is "or".
fieldsStringfields: 'checkboxv1,checkboxv2'Write down the ID's of those fields (i.e. a group of checkboxes or radioboxes) belonging to this object as comma-separated list.
Info

requiredFieldsOp concenates every object inside the array.