| Scroll Ignore | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
|
Concept
Le Glisserglisser-déposer (Drag & Drop) permet à l'utilisateur d'attraper un widget puis, en le faisant glisser avec la souris, de le déposer à un nouvel emplacement dans l'interface. Cela offre une méthode intuitive pour organiser et réorganiser des éléments.
Par défaut, le mode de sélection par clic est activé. L'utilisateur peut cliquer sur n'importe quel widget pour le sélectionner et si il ne relache pas son bouton de souris le déposer à un nouvel emplacement.
| Note |
|---|
Lors du déplacement des widgets, les utilisateurs peuvent rencontrer des limites bloquées sur les côtés, les empêchant de sortir de la zone de travail horizontalement. Cependant, contrairement aux côtés, il n'y a pas de limite vers le bas, permettant ainsi aux utilisateurs de déplacer les widgets librement dans cette direction. |
Sélection de(s) widget(s)
L'utilisateur clique sur un widget spécifique pour le sélectionner. Un indicateur visuel, sous forme d'une bordure colorée en bleu, apparaît autour du widget pour indiquer qu'il est sélectionné et prêt à être déplacé.
L'utilisateur peut cliquer sur d'autres widgets pour les ajouter à la sélection. Tous les widgets sélectionnés seront déplacés ensemble.
| Panel |
|---|
| |
Début du déplacement
de déplacer rapidement les widgets, que ce soit un par un ou plusieurs à la fois.
Afin de commencer le déplacement, il faut :
- Avoir sélectionné les widgets à déplacer,
- Être dans le mode de sélection.
( voir la page NEW_PAGE - 003.7 - SEF-11413 - Mode sélection des widgets - Edition visuelle - Météo )
Déplacer les widgets
Pour déplacer un widget :
- Maintenir le clic gauche sur un widget sélectionné
- Déplacer la souris
- Lâcher le clic gauche
| Warning |
|---|
Si les widgets ne peuvent pas être placés à l'emplacement souhaité ( cadre rouge autour d'un widget ), ils retourneront à leur position initiale |
En maintenant le clic sur le widget sélectionné, l'utilisateur commence à le faire glisser vers l'endroit souhaité sur le tableau de bord. Une copie visuelle du widget suit le mouvement du curseur de la souris.
L'utilisateur continue à faire glisser les widgets sélectionnés vers l'emplacement souhaité. Des copies visuelles des widgets suivent le mouvement du curseur de la souris. |
Effet visuel de l'endroit de départ
Lorsque l'utilisateur commence à faire glisser les widgets, un effet visuel sous forme d'une légère ombre gris est généré Lors du déplacement des widgets, une ombre grise apparait à l'emplacement d'origine de chaque widget pour marquer le point de départ du déplacementdes widgets.
Effet visuel de l'endroit de dépôt
Lorsque l'utilisateur relâche le clic pour déposer les widgets sélectionnésLors du déplacement, un effet visuel
bleu apparait à l'endroit où sera posé chaque widget.
| Panel |
|---|
Raccourci clavier
Le mode de sélection des widgets est disponible en utilisant le raccourci clavier V.
| Info |
|---|
L'activation de l'option en utilisant le raccourci clavier n'est pas disponible lorsque l'utilisateur édite le JSON. |
Les actions de sélection de widgets sont possibles dans la grille quel que soit l'onglet ouvert ( Visuel, JSON, Historique ).