Aggiungere icone per indicare le schede attive e completate

Se disponi di un modulo adattivo con navigazione a sinistra nella scheda, potrebbe essere utile visualizzare le icone per indicare lo stato della scheda. Ad esempio, vuoi mostrare un’icona per indicare la scheda attiva e l’icona per indicare la scheda completata come mostrato nella schermata seguente.

Creare un modulo adattivo

Per creare il modulo di esempio è stato utilizzato un semplice modulo adattivo basato sul modello Base e sul tema Canvas 3.0.
Le icone utilizzate in questo articolo possono essere scaricate da qui.

Personalizzare lo stile dello stato predefinito

Apri il modulo in modalità di modifica
Accertatevi di trovarvi nel livello di stile e selezionate una scheda qualsiasi (ad esempio la scheda Generale).
Lo stato predefinito si trova quando apri l’editor di stili per la scheda, come illustrato nella schermata seguente

Imposta le proprietà CSS per lo stato predefinito come mostrato di seguito

Salva le modifiche