Label - Text
Component displaying text labels.
Component properties
Content (section Basic properties)
text
Label text to display when presenting the application. It is possible to refer to variables e.g. ${sessionVariable1} or ${GesTextField1} and use JavaScript inserts.
Display as a paragraph
(section Basic properties)
displayAsParagraph
The checkbox controls the target HTML tag in which the text will be displayed:
checkbox checked - the control will be displayed in the tag
checkbox unchecked - the control will be displayed in the tag
Note! If the control has the property labelRef then the checkbox value is ignored and the tag is used
Field associated with the label (section Interactions)
labelRef
Using the property Field associated with the label we can associate the component with a text label. Filling in the property (by selecting the identifier of the component associated with the label) allows the screen reader to skip reading this label. Additionally, in the Angular channel it provides support for setting focus on the associated field after clicking the label.
if the label concerns one component → select that component from the list (e.g. for GesTextField5 the label is GesText7 — in the properties GesText7 select in labelRef component GesTextField5),
if the label concerns multiple components → select the first or most important component for the group of components (example: the postal code consists of two TextFields, select one of them)
Identifier of the component associated with the label (in the DOM using the for attribute). Components that can be associated:
GesCaptcha,
GesCombobox,
GesDatePicker,
GesDateRangePicker,
GesPlusMinus,
GesSingleSlider,
GesStepSlider,
GesTextArea,
GesTextField,
GesRadioGroup,
GesCheckboxGroup
If the component is not on the list, it means that the property cannot be set for it Field associated with the label.
More information about component properties: Common component properties
Last updated
Was this helpful?