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

Anatomie

1. Titre du widget grille

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

• Entête de colonne

• Colonne primaire avec primary link

• Colonne standard

Usage

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

• Afficher des données chiffrées que l’utilisateur doit pouvoir comparer facilement entre elles

• Afficher des éléments ayant plusieurs données de type similaire (chiffre, date, boléen)

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.

Colonne primaire et primary link

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 doit être un champ obligatoire.

Il ne peut y avoir qu’un seul primary link, sa présence est obligatoire et il est toujours positionné en première position.

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.

Filtrer et trier des colonnes

Le métier a la possibilité d’activer ou non la capacité pour les utilisateurs de filtrer ou trier une ou plusieurs colonnes selon le contexte dans les grilles que ce soit dans un contexte de grille ou de widget.

Les intitulés des colonnes paramétrés apparaitront de cette manière là :

Actions au clic

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