Icone
Gli elementi iconici esprimono funzionalità e collegamenti che potrebbero richiedere un supporto testuale. Le icone scelte sono progettate per avere un family look tra loro in modo da aumentarne l'unità visiva.
La coerenza iconografica è possibile grazie a FontAwesome: uno speciale tipo di font composto esclusivamente da icone vettoriali, accessibili e customizzabili tramite CSS.
Questo set di icone è molto ricco e per utilizzarlo è necessario aggiungere all'elemento <span></span> l'attributo class="fa" e la classe identificativa dell'icona stessa.
Esempio: <span class="fa fa-pencil"></span> mostrerà l'icona di una matita.
Icone più utilizzate
| Anteprima | Classe | Funzionalità |
|---|---|---|
| fa fa-trash-o | Rimuovi elemento | |
| fa fa-pencil | Modifica elemento | |
| fa question-circle | Visualizza informazioni | |
| fa fa-eye | Visualizza nel dettaglio l'elemento | |
| fa fa-chevron-down | Espandi/Riduci la riga | |
| fa fa-plus | Aggiungi elementi | |
| fa fa-plus-circle | Espandi elemento | |
| fa fa-download | Scarica elemento | |
| fa fa-exclamation-triangle | Attenzione (warning). Il conflitto/errore è visualizzabile tramite tooltip al click sull'icona | |
| fa fa-eur | Visualizza pagamenti | |
| fa fa-file-text-o | Visualizza provvedimenti | |
| fa fa-file-pdf-o | Scarica .PDF | |
| fa fa-file-word-o | Scarica .DOC | |
| fa fa-file-excel-o | Scarica .XLS | |
| fa fa-file-powerpoint-o | Scarica .PPT | |
| fa fa-star | Aggiungi/rimuovi dai preferiti. Selezionabile e deselezionabile come una checkbox | |
| fa fa-paperclip | Presenza di allegati |