| 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 :
- widget par widget,
- ou par groupe de widgets sélectionnés.
Afin de commencer le déplacement, il faut :
- Être dans le mode de sélection ( voir la page Mode sélection des widgets - Édition visuelle - Météo ).
- raccourci clavier : 'V'.
Déplacer les widgets
Pour déplacer un ou plusieurs widgets :
- Maintenir le clic gauche sur un widget ( ou sur une sélection de widget pour un déplacement multiple ).
- Déplacer la souris.
- Lâcher le clic gauche.
| Warning |
|---|
Si le widget ( ou le groupe de widgets ) ne peut pas être placé à l'emplacement souhaité ( superposition de widgets par exemple ), il reviendra à sa 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éplacement.
des widgets.
| Panel |
|---|
|
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 distinct sous forme de couleur bleu apparaît autour de la zone de dépôt pour indiquer que les widgets seront déplacés à cet endroit.
Raccourci clavier
bleu apparait à l'endroit où sera posé chaque widget en relâchant le bouton de la souris à ce moment.
| Info |
|---|
Si un widget déplacé se retrouve en dehors des limites de la grille ( voir la page Concept de la grille pour le positionnement des widgets ), la zone bleue, elle, reste dans les limites, et le widget sera ramené dedans. La zone se déplace de case entière en case entière. |
| Panel |
|---|
|
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. |