Carreaux

Les vignettes constituent les éléments de base du tableau de bord. Chaque vignette peut afficher différents types de widgets.

L'exemple de tableau de bord suivant contient 6 tuiles différentes :

image-20240807-062717.pngimage-20240807-062939.png

Ouvrir le masque d'édition

Pour modifier une tuile, utilisez l'action Modifier la tuile dans le menu d'édition de la tuile.

image-20240807-063424.png

Paramètres

Comme les vignettes dépendent principalement de la mise en page du tableau de bord, elles ne proposent qu'un petit nombre de paramètres :

image-20240513-151635.png

Paramètre

Description

Nom

Nom de la vignette.

Titre

Le titre à afficher dans la vignette. Videz ce champ si aucun titre n'est requis

Aligner les widgets

Les widgets à l'intérieur d'une vignette peuvent être alignés à gauche, à droite ou au centre. De plus, ils peuvent être alignés en laissant autant d'espace que possible au milieu de l'écran (option « space-between ») ou placés de manière à ce que l'espace autour des widgets soit réparti uniformément (option « space-around »). Avec l'option « stretch », les widgets utilisent tout l'espace disponible dans la vignette

Aligner les widgets verticalement

Alignez les widgets d'une vignette en haut, en bas ou au centre. Les options supplémentaires décrites dans le paramètre d'alignement des widgets sont également disponibles

Masquer dans le rapport

Cette option permet de spécifier si cette tuile particulière doit apparaître dans les rapports PDF, lorsqu'un tel rapport est configuré pour le tableau de bord actuel. Si tous les widgets de cette tuile sont configurés pour être masqués dans les rapports, la tuile s'affichera tout de même sous forme d'espace vide dans le rapport, sauf si l'option Masquer dans le rapport est cochée

Masquer sur petit écran

Si cette option est cochée, cette mosaïque disparaîtra sur les petits écrans, tels que ceux des appareils mobiles.

Activer l'exportation d'image

Active un bouton « Appareil photo » lorsque l'on survole la tuile, permettant aux utilisateurs de prendre une capture d'écran de l'ensemble de la tuile.

Autoriser l'agrandissement

Si cette case est cochée ou décochée pour toutes les tuiles d'une ligne, la hauteur relative de cette ligne par rapport aux autres lignes sera modifiée.

Classe CSS

Définit une classe CSS pour cette tuile, qui peut être utilisée pour la référencer avec du CSS personnalisé.

Modifier la description

Une description privée ou publique peut être ajoutée à l'aide de l'action disponible dans le menu d'édition de la tuile.

Décochez Afficher la description dans la fenêtre de l'éditeur pour marquer une description comme privée.

image-20240807-063919.png

Ajouter un widget

Le tiroir de widgets permet d'ajouter de nouveaux widgets à un tableau de bord. Pour ouvrir le tiroir de widgets, passez la souris sur le bouton situé en bas à droite de l'écran. Les widgets peuvent être ajoutés à un tableau de bord en les faisant glisser vers l'une des tuiles.

image-20240807-064653.png