Mode d'affichage Mise à l'échelle

Last modified by Aurelie Bertrand on 2025/08/19 16:41

Le mode d'affichage Mise à l'échelle permet de conserver les proportions d'une page de tableau de bord et de son contenu, quels que soient la taille de l'écran et le niveau de zoom.

💡 Vous pouvez visualiser le rendu de cette mise en page dans la démo Ventes / Commerce.

Pour le configurer :

  1. Lors de la création de la page de tableau de bord, sélectionnez Mise à l'échelle comme Mode d'affichage.

💡 Vous pouvez combiner les modes Grille et Mise à l'échelle depuis le paramétrage d'une page en mode Grille. Ceci est une bonne pratique que nous recommandons. Consultez la page Mode d'affichage Grille pour plus de détails.

  1. Dans la section Paramètres avancés du mode "Mise à l'échelle", sélectionnez le format cible parmi ceux disponibles ou cliquez sur le bouton Editer 1729005549284-144.png pour spécifier la taille de votre choix (Largeur et Hauteur en pixels).
    Si vous sélectionnez le format 16/8, cela équivaut par exemple à une page de 1600 pixels de largeur et 800 pixels de hauteur. Le format 8/16 inversera les proportions et sera utilisé pour un affichage sur mobile, par exemple.
    Nouvelle page
  2. Cliquez sur OK.
    ➡ La nouvelle page créée contient un groupe de la taille choisie. Une classe CSS group_zoom lui est attribué.
    Classe CSS
  3. Ajoutez les objets de votre choix dans le groupe.
  4. Affichez la page dans le Dashboard.
    ➡ La taille du groupe et de son contenu est automatiquement ajustée à la taille de votre écran
  5. Vous pouvez modifier le niveau de zoom ou ajuster le groupe à la hauteur/largeur de l'écran depuis l'interface en bas à droite de l'écran.

ℹ Si vous modifiez le facteur de zoom, il sera sauvegardé et utilisé lors du prochain affichage.

Dashboard_scaling_FR.png

Cette interface est affichée par défaut mais peut être masquée, notamment dans le cas d'un affichage sur mobile, en cliquant sur la flèche à droite. 

Masquer zoom
La configuration (interface masquée ou affichée) sera conservée lors du prochain affichage.