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.
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. 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 :
taille de page
tri des colonnes
affichage, largeur et ordre des colonnes
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. 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 
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 
permet de basculer le planning en mode plein écran.
Ne sera alors plus accessible :
le menu principal
la recherche globale
la barre de notification (avec le menu contextuel de l’avatar)
le titre de la page
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 :
l’agenda (scheduler) : permet de visualiser des éléments planifiés pour différentes ressources (souvent utilisé avec une vue timeline)
le puit (grid) : une liste d'éléments à planifier par glisser/déposer dans l’agenda
la carte (map) : qui permet d’afficher des éléments géolocalisables
Entre chaque composant, il y a une barre de division qui permet d’ajuster les dimensions :
entre l’agenda et le puit, il permet d’ajuster la hauteur de l’agenda
entre le puit et la carte, il permet d’ajuster la largeur de la carte par rapport à celle du puit
Cette barre de division dispose du bouton suivant
qui permet de masquer en un clique la carte.
Lorsque la carte est masquée, le bouton suivant
permet d’afficher en un clique la carte.
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.