HTML-Attribute

Zum Überschreiben eines Stils gehören folgende Dinge:

• Ein HTML-Klassenattribut in jeder einzelnen Instanz einer Ansicht, für das Sie einen bestimmten Stil auswählen möchten.
• Eine entsprechende CSS-Regel für dieses Klassenattribut.

Stellen Sie ferner sicher, dass die Namen der CSS-Klassen nicht mit den Namen der Ansichten in Konflikt stehen. Ein Konflikt könnte zu unvorhersehbaren Stilen während der Laufzeit führen, da der Name der Ansicht zu Scopingzwecken automatisch zum Klassenattribut des Wrapper-Elements div der Ansicht hinzugefügt wird.

Beispielsweise steht die Bezeichnung bei Textfeldern über dem Textbereich. Sie möchten jedoch, dass die Bezeichnung auf der linken Seite des Textbereichs steht.

Führen Sie folgende Schritte aus, um die Bezeichnung zu verschieben:

1. Fügen Sie den HTML-Attributen der Textfeldinstanz eine Klasse hinzu. Klicken Sie beispielsweise auf Klasse hinzufügen und geben Sie anschließend in Klassennamen die Zeichenfolge myText ein.
2. Definieren Sie den Stil für die Klasse in CSS-Code. Definieren Sie beispielsweise die Klasse myText, um die Stile für die Bezeichnungsposition zu überschreiben:

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

3. Fügen Sie in jeder übergeordneten Ansicht die CSS-Regel zu einer .css-Datei hinzu und fügen Sie diese Datei als integriertes Script hinzu. Wenn es sich bei der Ansicht um eine Ansicht der höchsten Ebene in einem Coach handelt, fügen Sie ein benutzerdefiniertes HTML-Element hinzu, das die Stilregel enthält.