Label
<div id="follow_up" 
    data-win-control="HFWinJSCtrl.Label" 
    data-win-options="{ 
        label: 'Follow up' 
    }"></div>
| Property | Type | How to use | Description | 
|---|---|---|---|
| label | String | label: 'Follow up' | Define a label for your control element. | 
| required | Boolean | required: true | Set "true" if the control has to be filled in. | 
| requiredFields | String | Array | requiredFields: '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. | 
| requiredFieldsOp | String | requiredFieldsOp: 'and' | Define first level comparison operator of the requiredFields. Valid values are "and" or "or". The default value is "or". | 
| tooltip | String | tooltip: '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​
| Property | Type | How to use | Description | 
|---|---|---|---|
| op | String | op: 'and' | Define second level comparison operator of the requiredFields. Valid values are "and" or "or". The default value is "or". | 
| fields | String | fields: '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.