Style formularza i style komponentu

Dodanie stylów CSS na wniosku

Po kliknięciu w lewym menu bocznym na przycisk Styl wniosku wysunie się panel boczny z edytorem arkusza CSS osadzonego we wniosku. Przycisk Styl wniosku widoczny jest tylko w edytorze Wniosek.

Ilustracja 1. Panel edytowania stylów wniosku

Edytor CSS oferuje:

• kolorowanie i podpowiadanie składni CSS,

• wyszukiwanie tekstu,

• podstawową walidację poprawności CSS,

• automatyczne odświeżanie wniosku po każdej zmianie definicji CSS.

Utworzony styl stosujemy poprzez wpisanie jego nazwy w polu Nazwy stylów dostępnym w sekcji Stylizacja panelu Właściwości.

Stylizacja komponentów i style platformowe

Komponentom bazowym można nadawać style zdefiniowane w platformie lub style utworzone na wniosku. Ich nazwy należy dodawać w panelu Właściwości → sekcja Stylizacja → Nazwy stylów (kolejne style dodajemy poprzez naciśnięcie klawisza Enter).

Ilustracja 2. Przykładowy styl ex-textfield-without-left-padding dodany do komponentu

W przypadku dodawania stylu platformowego, dostajemy listę podpowiedzi stylów dostępnych dla danego komponentu.

Ilustracja 3. Przykładowa lista podpowiedzi dla komponentu Etykieta

Dostępne style platformowe mogą różnić się w zależności od wdrożenia