Comparaison des versions

LĂ©gende

  • Ces lignes ont Ă©tĂ© ajoutĂ©es. Ce mot a Ă©tĂ© ajoutĂ©.
  • Ces lignes ont Ă©tĂ© supprimĂ©es. Ce mot a Ă©tĂ© supprimĂ©.
  • La mise en forme a Ă©tĂ© modifiĂ©e.

Le widget grille permet d’afficher de maniĂšre structurĂ©e (lignes et colonnes) les informations de plusieurs Ă©lĂ©ments.

Anatomie

image-20240607-090311.png

  1. Titre du widget grille

  2. Contenu de la grille composé de plusieurs colonnes :

  • EntĂȘtes de colonne

  • Colonne primaire et primary link

  • Colonne standard

Usage

Afficher des Ă©lĂ©ments avec plusieurs champs qu’il faut pouvoir distinguer

...

Les grilles doivent ĂȘtre prĂ©filtrĂ©es pour les contextualiser Ă  la page courante (fiche ou page d’accueil)

EntĂȘte de colonne

Les widgets grilles doivent obligatoirement avoir des intitulés de colonnes.

Eviter d’utiliser des abrĂ©viations dans les intitulĂ©s de colonnes.

Le primary link est la données principale de l'élément. Il doit rendre l'élément identifiable par rapport aux autres éléments de la liste.

...

Le primary link permet d’ouvrir le dĂ©tail de l'Ă©lĂ©ment en popup.

Colonne standard

Colonnes de type montant : pour faciliter la lecture, elles doivent inclurent :

  • un espacement entre les milliers.

  • un nombre de dĂ©cimal identique.

Actions au clic

Au clic sur une ligne, je veux pouvoir ouvrir dans une popup l’entitĂ© que je viens de pointer.

...