Uikit mette a disposizione dell’utente tutta una serie di classi estremamente utili per stilizzare in un certo modo i vari elementi presenti all’interno di una pagina web.

Mediante queste classi è possibile ad esempio:

• centrare elementi verticalmente e orizzontalmente
• posizionare elementi della pagina in posizioni predefinite
• gestire margini e padding uguali su diversi elementi
• visualizzare o meno determinati elementi in corrispondenza di determinate dimensioni del viewport
• …

ATTENZIONE! La documentazione ufficiale può essere consultata al seguente indirizzo http://getuikit.com/docs/utility.html

Le regole CSS relative a queste classi sono localizzate tutte nel file uikit.css all’interno della sezione “Component: Utility”

ATTENZIONE! La maggior parte delle classi della sezione Utility possono essere utilizzate in combinazione anche con altri componenti del Framework

I risultati che si ottengono applicando le classi della sezione Utility agli elementi di un sito Passweb possono, in genere, essere ottenuti anche agendo direttamente dallo style editor di Passweb stesso.

Ora però, mentre in alcuni casi (es. allineamento di immagini e testo) può effettivamente essere più semplice agire tramite le interfacce di gestione di Passweb (style editor o configurazione del componente), in altri casi risulta invece più rapido assegnare ad un elemento una certa classe piuttosto che andare a settare singolarmente, mediante lo style editor, diverse proprietà CSS correndo magari il rischio di saltarne una e non ottenere così il risultato desiderato.

Per poter assegnare una o più di queste classi ad un Componente Passweb sarà necessario agire come al solito mediante l’apposito campo “Classi Aggiuntive” presente nella maschera di configurazione del relativo componente

ATTENZIONE! gli elementi cui vengono applicate le classi della sezione Utility devono essere, tipicamente, in float: none per cui, lato Passweb, sarà necessario associare loro oltre alla specifica classe del framework anche la solita classe .uikit

Detto ciò vediamo analizziamo ora alcune di queste classi .