Etykieta - Text

Komponent prezentujący etykiety tekstowe.

Właściwości komponentu

Właściwość Eximee Designer
Nazwa atrybutu w Źródle
Opis

Treść (sekcja Podstawowe właściwości)

text

Tekst Etykiety do wyświetlenia podczas prezentacji wniosku. Jest możliwe odwołanie się do zmiennych np. ${sessionVariable1} lub ${GesTextField1} oraz korzystanie ze wstawek JavaScript.

Wyświetl jako paragraf

(sekcja Podstawowe właściwości)

displayAsParagraph

Checkbox kontroluje docelowy tag html, w którym będzie wyświetlany tekst:

  • checkbox zaznaczony - kontrolka będzie wyświetlana w tagu

  • checkbox odznaczony - kontrolka będzie wyświetlana w tagu

Uwaga! Jeśli kontrolka ma ustawioną właściwość labelRef to wartość checkboxa jest ignorowana i używany jest tag

Pole powiązane z etykietą (sekcja Interakcje)

labelRef

Za pomocą właściwości Pole powiązane z etykietą możemy powiązać komponent z etykietą tekstową. Uzupełnienie właściwości (poprzez wybranie identyfikatora komponentu powiązanego z etykietą) pozwala na umożliwienie czytnikowi ekranu pominięcie czytania tej etykiety. Dodatkowo w kanale Angular zapewnia obsługę ustawiania focusu na powiązanym polu po kliknięciu w etykietę.

  • jeśli etykieta dotyczy jednego komponentu → należy wybrać ten komponent z listy (np. dla GesTextField5 etykietą jest GesText7 — we właściwościach GesText7 wybrać w labelRef komponent GesTextField5),

  • jeśli etykieta dotyczy wielu komponentów → należy wybrać komponent pierwszy lub ważniejszy dla grupy komponentów (przykład: kod pocztowy składa się z dwóch TextFieldów, należy wybrać jeden z nich)

Identyfikator komponentu powiązanego z etykietą (w DOM za pomocą atrybutu for). Komponenty, które można powiązać:

  • GesCaptcha,

  • GesCombobox,

  • GesDatePicker,

  • GesDateRangePicker,

  • GesPlusMinus,

  • GesSingleSlider,

  • GesStepSlider,

  • GesTextArea,

  • GesTextField,

  • GesRadioGroup,

  • GesCheckboxGroup

Jeśli komponentu nie ma na liście oznacza to, że dla niego nie można ustalić właściwości Pole powiązane z etykietą.

Więcej informacji o właściwościach komponentu: Wspólne właściwości komponentów

Ilustracja 1. Wygląd komponentu na wniosku

Wniosek demo: demoKomponentyTekstowe

Last updated

Was this helpful?