Mise en page

dashboard-view-mode-raw.png

La disposition du SKOOR Dashboard.

Répartition de l'espace

Le moteur de mise en page fonctionne avec une structure prédéfinie de vignettes qui doit être définie au moment de la création du tableau de bord. Cette structure peut être modifiée à tout moment par la suite, mais les widgets doivent être déplacés pour s'adapter à la nouvelle structure. 

La disposition du tableau de bord est basée sur une grille de 12 colonnes :

Une ligne peut donc être subdivisée en un maximum de 12 unités. Par exemple, la grille peut être divisée selon le modèle suivant :

Ces blocs de colonnes et de lignes forment les tuiles du tableau de bord. La disposition des tuiles ci-dessus donne le tableau de bord suivant :

Redimensionnement des zones de contenu

Vous pouvez modifier la taille des différentes zones de contenu en faisant glisser la ligne de séparation et ainsi ajuster l'espace selon vos besoins.

Cela est particulièrement utile lorsque vous travaillez avec des sources de données et des requêtes de données.

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

Réactivité

Les tableaux de bord s'adaptent à la taille de la fenêtre du navigateur. Les vignettes s'adaptent automatiquement lorsque vous redimensionnez la fenêtre du navigateur afin de s'ajuster de manière optimale à l'espace disponible. Sur les écrans mobiles, les vignettes s'affichent les unes en dessous des autres.