Liste (grid)

Parcourir une liste sans utiliser la barre de défilement

La molette de la souris permet de faire défiler les lignes de haut en bas.

En enfonçant la touche Maj du clavier, la molette permet de faire défiler les colonnes de gauche à droite.

Trier les colonnes d’une liste

Le tri a un coup de restitution de la donnée.

On identifie une colonne que l’on peut trier, lorsqu’on survole son entête avec le curseur, il se transforme en main qui pointe l’index.

Une liste peut avoir aucune, une ou plusieurs colonnes triées.
(avertissement) Attention : lorsqu’on applique un tri sur plusieurs colonnes, on applique les tris dans l’ordre dans lequel ils ont été défini.

Le tri d’une colonne est appliqué même sur une colonne cachée.

Les tris appliqués sont enregistrés comme réglage de la liste pour l’utilisateur (pour appliquer le tri par défaut voir https://divalto.atlassian.net/wiki/spaces/PRED/pages/edit-v2/11318394915#R%C3%A9initialiser-les-r%C3%A9glages-d%E2%80%99une-liste ).

Réglages d’une liste pour un utilisateur

La liste dispose d’une bouton de réglage en forme de rouage.

Les réglages sont enregistrés pour la liste et l’utilisateur.

Taille de page

Il est possible de définir la taille d’une page (les valeurs proposées peuvent être spécifiques à la liste).

Plus une page est grande, plus il y a de données à récupérer, plus l’affichage sera long.

Plus on avance dans les pages, plus la restitution des données prend du temps.

Afficher / masquer la colonne d’une liste

A l’aide du bouton devant chaque nom de colonne, il est possible d’afficher ou masquer la colonne.

Modifier la largeur la colonne d’une liste

On peut définir la largeur d’une colonne en pixel.

Si la largeur n’est pas renseignée, c’est quelle correspond à une largeur auto (le bouton Auto permet d’appliquer une largeur auto). La largeur de la colonne va s’adapter par rapport à l’espace disponible dans la liste.
(avertissement) Attention : la largeur auto peut réduire de trop au point que la colonne semble avoir été masquée. Il est recommandé de ne pas utiliser la largeur auto sur des colonnes importantes.

La bouton réinitialiser permet de remettre la largeur initialement réglée pour une colonne.

Ordonner les colonnes d’une liste

Il est possible de changer l’ordre des colonnes à l’aide d’un glisser/déposer dans la liste des colonnes des réglages de la liste.

Réinitialiser les réglages d’une liste

Un bouton permet de réinitialiser les réglages d’une liste. On retrouve ainsi la configuration initiale :

Il est possible de réinitialiser l’ensemble de ses réglages avec le bouton “Réinitialiser les réglages” dans le menu qui apparaît lorsqu’on clique sur son avatar.
(avertissement) Attention : tous les réglages vont alors être réinitialisés et pas que ceux des listes (par exemple les favoris de filtres seront supprimés).

Planning (scheduler / grid / map)

Plein écran

Afficher / masquer le menu principal

Ce bouton image-20240701-124425.png permet d’afficher ou masquer le menu principal. Il est accessible dans toutes les pages et permet de gagner de la largeur sur l'écran.

Mode plein écran du planning

Ce bouton image-20240701-114757.png permet de basculer le planning en mode plein écran.
Ne sera alors plus accessible :

Mode plein écran du navigateur

Le navigateur dispose d'un mode plein écran que l’on peut activer avec la touche F11 du clavier.
Selon le navigateur, les capacités ne sont pas les mêmes. Mais ils répondent tous à l'objectif d’avoir la page web qui recouvre toute la hauteur de l'écran en masquant les onglets, la barre d’adresse et la barre des tâches.

Redimensionner les différentes parties

Le planning est un macro composant. On y retrouve essentiellement 3 composants :

Entre chaque composant, il y a une barre de division qui permet d’ajuster les dimensions :

Graphique (graph)

Afficher / masquer une série

Lorsque le graphique présente plusieurs séries, par exemple le nombre d’intervention par mois sur l’année précédente et le nombre d’intervention par mois sur l’année courante.
En cliquant sur le libellé de la série dans la légende, on peut afficher ou masquer la série dans le graphique.