Concept

La grille est utilisée pour organiser les widgets de manière uniforme . Elle permet de :

  • Définir une disposition claire et cohérente des éléments.

  • Faciliter l’alignement et l’espacement.

  • Adapter la structure à différents formats d’affichage.

Chaque cellule de la grille représente une unité de placement d'un widget. L’utilisateur peut configurer la taille et l’espacement des cellules selon ses besoins pour une mise en page précise.

Configurer une grille

La configuration se fait dans l’onglet "VISUELLE" > Grille, sous forme de formulaire.

Voici les paramètres disponibles pour la configuration :

Nombre de cellules en largeur

Représente le nombre total de cellules en largeur de la grille.

Valeurs possibles :

  • Un nombre entier compris entre 2 et 300

Plus le nombre est élevé, plus les cellules sont petites, ce qui permet un placement plus fin des widgets

Spécificité

Nombre de cellules en hauteur

Représente le nombre total de cellules en hauteur de la grille.

Valeurs possibles :

  • Un nombre entier compris entre 1 et 1000

Plus le nombre est élevé, plus les cellules sont petites, ce qui permet un placement plus fin des widgets

Spécificité

Espacement entre les widgets

  • Défini en pourcentage, cet espacement permet d’ajuster l’espace entre les widgets dans la grille.

  • Valeur par défaut : 0.5 (soit 0.5% d'espacement).

Spécificité

Maximum en pixel

  • Permet de limiter l'espacement maximum.

  • Par défaut [pas de limite].

Spécificité

Minimum en pixel

  • Définit la taille minimale (en pixels) autorisée entre les widgets.

  • Empêche un chevauchement si l'espace devient trop restreint.

  • Valeur par défaut : 0.

  • Si la valeur de cette clé est mal renseignée, une erreur apparaît :

    La valeur [ default ] pour la clé [ displayed ] est inconnue.

  • Valeurs possibles : true, false, default.

Spécificité

Si une valeur invalide est saisie au niveau du formulaire (ex. format incorrect, valeur hors limites), une alerte visuelle s'affiche :

  • Le champ concerné passe en rouge.

  • Un message d’erreur contextuel s’affiche en pop-up précisant la nature du problème.

  • L’erreur est également recensée dans le compteur global d’erreurs affiché en haut du formulaire.