Configurer la mise en page d’un tableau de bord réactif
Vous pouvez modifier l’apparence des widgets ; modifier la disposition des widgets ; modifier les couleurs du titre, de l’en-tête et de l’arrière-plan du widget ; et afficher ou masquer les en-têtes de widget.
Avant de commencer
Rôle requis : utilisateur. dashboard_admin pour tous les tableaux de bord, ou tout rôle pour les tableaux de bord que vous possédez ou ceux que vous avez reçu le droit de modifier. Consultez la section Rôles du tableau de bord Platform Analytics pour plus d’informations sur l’affichage et la modification des droits sur les tableaux de bord.
Procédure
- Accédez à la Tous > Libre-service > Tableaux de bord ou Tous > Analyse des performances > Tableaux de bord.
- Dans le sélecteur de tableau de bord, sélectionnez le tableau de bord que vous souhaitez modifier.
-
Cliquez sur le signe plus (
) pour mettre le tableau de bord en mode d’édition.
-
Effectuez l'une des actions suivantes.
Action Étapes Afficher ou masquer la bordure, l’en-tête et le titre du widget - Pointez sur le widget, puis cliquez sur l’icône d’engrenage (
).
- Dans la fenêtre Modifier le widget, cochez ou désactivez les cases pour afficher ou masquer la bordure, l’en-tête et le titre.Remarque :Si vous masquez l’en-tête, pointez vers le guidon en haut du widget pour afficher les icônes.
- Pour aligner le titre, sélectionnez Gauche, Centre ou Droite.
Lorsque vous masquez l’en-tête du widget, aucune icône d’en-tête n’est visible, y compris l’icône indiquant que vous avez appliqué un filtre interactif au widget.
Il n’est pas possible de modifier le titre d’un widget à partir d’un tableau de bord. Le titre est tiré de la visualisation sur laquelle le widget est basé. Modifiez la visualisation elle-même pour changer le titre.
Changer la couleur du titre du widget et la couleur de l’en-tête - Pointez sur le widget, puis cliquez sur l’icône d’engrenage (
).
- Dans la fenêtre Modifier le widget, cliquez sur l’icône du sélecteur de couleurs (
) pour la couleur du titre ou la couleur de l’en-tête.
- Dans le sélecteur de couleurs, utilisez le curseur pour choisir une teinte et sélectionnez une couleur pour la choisir. Vous pouvez également entrer le code hexadécimal de la couleur dans le champ Couleur du titre ou Couleur de l’en-tête. Supprimez le code hexadécimal pour revenir à la couleur de titre ou d’en-tête par défaut.
Remarque :Lorsque vous sélectionnez une couleur d’en-tête foncée, les icônes de l’en-tête deviennent blanches. Lorsque vous sélectionnez une couleur d’en-tête clair, les icônes de l’en-tête deviennent noires.Redimensionner ou modifier la mise en page des widgets Faites glisser pour déplacer et redimensionner les widgets.- Pour agrandir un widget, pointez sur son en-tête, puis cliquez sur l’icône de redimensionnement (
).
- Pour réduire la taille d’un widget, pointez sur son en-tête et appuyez sur la touche MAJ tout en cliquant sur l’icône de redimensionnement.
Appliquer une couleur d’arrière-plan de tableau de bord - Cliquez sur l’icône de configuration (
) pour ouvrir le volet Configuration.
- Sélectionnez Utiliser une couleur d’arrière-plan personnalisée et cliquez sur la couleur pour ouvrir le sélecteur de couleurs. Il comporte cinq icônes d’options : Roue chromatique, Curseurs de couleur, Palettes de couleurs, Spectre et Crayons.
- Dans l’option Curseurs, choisissez Niveaux de gris, RVB, CMJN ou TSL. RVB vous permet de spécifier des codes hexadécimaux.
- Faites glisser une couleur vers la palette en bas du sélecteur de couleurs pour l’utiliser dans d’autres arrière-plans de tableau de bord de l’interface utilisateur principale.
- Décochez la case Use custom background color (Utiliser une couleur d’arrière-plan personnalisée) pour revenir à la couleur d’arrière-plan par défaut.
Remarque :La couleur d’arrière-plan sélectionnée s’applique à tous les onglets du tableau de bord.Les arrière-plans du tableau de bord de l’interface utilisateur principale ne peuvent pas être thématisés avec des couleurs personnalisées.
Appliquer une mise en page rapide à un tableau de bord - Cliquez sur l’icône de configuration (
) pour ouvrir le volet Configuration.
- Cliquez sur une mise en page pour aligner les widgets. Redimensionnez ou modifiez la mise en page des widgets comme vous le souhaitez.
Supprimer un widget du tableau de bord - Cliquez sur le signe plus (
) pour mettre le tableau de bord en mode d’édition.
- Pointez vers le haut du widget, puis cliquez sur l’icône X (
) qui s’affiche.
Remarque :Il n’y a pas de message de confirmation. Le widget disparaît du tableau de bord. - Pointez sur le widget, puis cliquez sur l’icône d’engrenage (
- Facultatif :
Ajoutez des blocs de contenu pour diviser le contenu du tableau de bord ou pour fournir un autre contenu.
Dans la liste Ajouter des widgets , sélectionnez Blocs de contenu. Pour plus d’informations sur les blocs de contenu statiques, voir Configurer un bloc HTML statique.