Atrybuty HTML

Przesłaniając styl, używa się następujących elementów:

• Atrybut klasy HTML w każdej instancji widoku, dla której ma zostać użyty specyficzny styl.
• Odpowiednia reguła CSS dla tego atrybutu klasy.

Ponadto należy upewnić się, że nazwy klas CSS nie kolidują z nazwami widoków. Takie kolizje mogą powodować uzyskiwanie nieprzewidywalnych efektów przy określaniu stylów w czasie wykonywania, ponieważ w celu określenia zasięgu nazwa widoku jest automatycznie dodawana do atrybutu klasy opakowania widoku div.

Na przykład pola tekstowe mają swoje etykiety ponad obszarem tekstowym. Jednak chcesz, aby etykieta znajdowała się po lewej stronie obszaru tekstowego.

Aby przenieść etykietę:

1. Dodaj klasę do atrybutów HTML instancji pola tekstowego. Na przykład kliknij opcję Dodaj klasę, a następnie w polu Nazwa klasy wpisz tekst myText.
2. W kodzie CSS zdefiniuj styl klasy. Na przykład zdefiniuj klasę myText, która ma przesłonić style pozycji etykiety:

   .myText.Output_Text .outputTextLabel,
   .Text .textLabel {
   display: inline-block;
   width: 100px;
   }
   .myText.Text .content {
   display: inline-block;
   }

3. W dowolnym nadrzędnym widoku dodaj regułę CSS do pliku .css i dodaj ten plik jako dołączony skrypt. Jeśli widok jest widokiem najwyższego poziomu w formatce, dodaj niestandardowy element HTML zawierający regułę stylu.