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.

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

...

devient curseur main qui pointe l'indexImage Added.

Un colonne peu avoir un tri ascendant image-20240701-152753.pngImage Added , un tri descendant image-20240701-152824.pngImage Added, ou pas de tri.
Pour modifier le type de tri d’une colonne il faut cliquer sur l’entête de la colonne.

Une liste peut avoir aucune, une ou plusieurs colonnes triées.

...

Remarque

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

...

masqué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’un bouton de réglage

...

réglage de listeImage Added.

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 afficher une colonneImage Added 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.
LargeurImage Added

Si la largeur n’est pas renseignée, c’est quelle correspond à une largeur auto (le bouton

...

AutoImage Added permet d’appliquer une largeur auto). La largeur de la colonne va s’adapter par rapport à l’espace disponible dans la liste.

Remarque

...

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éinitialiserImage Added 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.

image-20240701-153532.pngImage Added

Réinitialiser les réglages d’une liste

Un bouton image-20240701-153659.pngImage Added 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.

...

Remarque

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 afficher ou masquer le menu principalImage Modified 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 plein écran du planningImage Modified 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 image-20240701-122650.pngImage Modified qui permet de masquer en un clique la carte.
    Lorsque la carte est masquée, le bouton suivant image-20240701-122839.pngImage Modified 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.

Sommaire
stylenone