Layout

dashboard-view-mode-raw.png

Il layout della SKOOR Dashboard.

Allocazione dello spazio

Il motore di layout funziona con una struttura predefinita di riquadri che deve essere impostata al momento della creazione del dashboard. Questa struttura può essere modificata in qualsiasi momento in seguito, ma i widget devono essere spostati per adattarsi alla nuova struttura. 

Il layout del dashboard si basa su una griglia di 12 colonne:

Una riga può quindi essere suddivisa in un massimo di 12 unità. Ad esempio, la griglia può essere divisa utilizzando il modello:

Questi blocchi di colonne e righe formano i riquadri del dashboard. Il layout dei riquadri sopra riportato dà come risultato il seguente dashboard:

Ridimensionamento delle aree di contenuto

È possibile modificare le dimensioni delle diverse aree di contenuto trascinando la linea di divisione e regolando così lo spazio in base alle esigenze.

Ciò è particolarmente utile quando si lavora con origini dati e query di dati.

resizing-dashboard-view-mode.pngresizing-data-queries-A.pngresizing-data-queries-B.pngresizing-data-sources.png

Reattività

I dashboard sono reattivi alle dimensioni della finestra del browser. I riquadri si adattano automaticamente quando si ridimensiona la finestra del browser per adattarsi in modo ottimale allo spazio disponibile. Sui display mobili i riquadri vengono visualizzati uno sotto l'altro.