Attributi HTML

La sovrascrittura di uno stile consiste nei seguenti elementi:

• Un attributo della classe HTML in ogni istanza della vista che si desidera impostare in modo specifico
• Una regola CSS corrispondente per tale attributo di classe

Inoltre, assicurarsi che i nomi delle classi CSS non siano in conflitto con quelli delle viste. Un conflitto può portare a uno stile imprevedibile al runtime perché il nome della vista viene aggiunto automaticamente per scopi di ambito all'attributo della classe del wrapper della vista div.

Ad esempio, le caselle di testo hanno le relative etichette sopra l'area di testo. Tuttavia, si desidera che l'etichetta si trovi alla sinistra dell'area di testo.

Per spostare l'etichetta:

1. Aggiungere una classe agli attributi HTML dell'istanza della casella di testo. Ad esempio, fare clic su Aggiungi classe e quindi in Nome classe, immettere myText.
2. Nel codice CSS, definire lo stile della classe. Ad esempio, definire la classe myText per sovrascrivere gli stili per la posizione dell'etichetta:

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

3. In qualsiasi vista principale, aggiungere la regola CSS a un file .css e aggiungere tale file come script incluso. Se la vista è una vista di livello superiore in un coach, aggiungere un elemento HTML personalizzato che contiene la regola di stile.