Concept

Le drag & drop permet à l'utilisateur de sélectionner un widget en le faisant glisser avec la souris, puis de le déposer à un nouvel emplacement dans l'interface. Cela offre une méthode intuitive et conviviale 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

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.

Début du déplacement

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'un légère ombre gris est généré à l'emplacement d'origine de chaque widget pour marquer le point de départ du déplacement.

Effet visuel de l'endroit de dépôt

 Lorsque l'utilisateur relâche le clic pour déposer les widgets sélectionnés, 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.