Versions Compared

Old Version 3

changes.mady.by.user Shinken Trainee

Saved on

compared with

New Version Current

changes.mady.by.user Soubrié Grégoire

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Make by tools (01.00.01) - action=clean_macro_parameter
     
Scroll Ignore
scroll-viewporttrue
scroll-pdftrue
scroll-officetrue
scroll-chmtrue
scroll-htmlfalse
scroll-docbooktrue
scroll-eclipsehelptrue
scroll-epubtrue
scroll-htmlfalse

         

                            
Panel
titleSommaire

Table of Contents
stylenone
             

           

       

   
     

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.
     
Panel
         

            Image Removed          

         

           
         

       
   

Concept   

Le glisser-déposer ( Drag & Drop ) permet 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 :


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

Début du déplacement

   
     
Panel
         

            Image Removed          

       
   
  • 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é

    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

    Image Added

     


         

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

            
    Lorsque l'utilisateur relâche le clic pour déposer les widgets sélectionnés

    Lors du déplacement, un effet visuel

    distinct tel qu'un léger changement de couleur ou une animation subtile apparaît autour de la zone de dépôt pour indiquer que les widgets ont été placés avec succès à cet endroit.   

    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

    Image Added