Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
wiki:widgets:widget_de_grille [2023/01/10 12:28]
Nadège ORVOEN [Widgets de Grille]
wiki:widgets:widget_de_grille [2025/02/05 10:38] (Version actuelle)
Nadège ORVOEN [Widget flottante]
Ligne 1: Ligne 1:
 <fs xx-small>​Date de création : 12/10/21\\ <fs xx-small>​Date de création : 12/10/21\\
-Date de Mise à Jour : 20/06/22\\ +Date de Mise à Jour : 05/02/25\\ 
-Version ​v21.1\\ </fs>+Version ​v24.0\\ </fs>
 ---- ----
  
Ligne 12: Ligne 12:
 <WRAP imgweb>​{{popup>​ :​wiki:​widgets:​widget_grille.jpg?​800 |}}</​WRAP>​\\ \\ <WRAP imgweb>​{{popup>​ :​wiki:​widgets:​widget_grille.jpg?​800 |}}</​WRAP>​\\ \\
  
-\\ {{:wiki:docs_en_cours:​play_gris.png?​nolink&​20|}} [[wiki:​docs_en_cours:​videos_design_atysxe#​parametrage_widgets_grille_utilisateur|Vidéo tuto sur l'​utilisation des widget ​de grille]]\\ \\ \\+\\ {{:wiki:widgets:​play_gris.png?​nolink&​20|}} [[https://​wiki.atys.analys-informatique.com/​doku.php?​id=wiki:​docs_en_cours:​videos_design_atysxe#​parametrage_widgets_grille_utilisateur|Vidéo tuto sur l'​utilisation des widgets ​de grille]]\\ \\ \\
 ======Personnalisation des Colonnes/​Données====== ======Personnalisation des Colonnes/​Données======
 <callout type="​warning"​ icon="​true">​Une fois le **paramétrage** du widget **conforme** à votre attente, pensez à le **sauvegarder** pour qu'il soit conservé pour les fois prochaines : {{popup> :​wiki:​widgets:​sauvegarde.jpg?​200 |}} </​callout>​ <callout type="​warning"​ icon="​true">​Une fois le **paramétrage** du widget **conforme** à votre attente, pensez à le **sauvegarder** pour qu'il soit conservé pour les fois prochaines : {{popup> :​wiki:​widgets:​sauvegarde.jpg?​200 |}} </​callout>​
Ligne 24: Ligne 24:
   * <color #​7092be>​**(All)**</​color>​\\ Permet de sélectionner tous les champs.   * <color #​7092be>​**(All)**</​color>​\\ Permet de sélectionner tous les champs.
   * <color #​7092be>​**(Sorted)**</​color>​\\ Classe les champs par ordre alphabétique.   * <color #​7092be>​**(Sorted)**</​color>​\\ Classe les champs par ordre alphabétique.
-\\ <callout type="​info">​ **Cliquer dans les cases pour sélectionner/​désélectionner les champs à afficher dans les colonnes de la grille**</​callout></​WRAP></​WRAP>​\\ \\+\\ <callout type="​info">​ **Cliquer dans les cases pour sélectionner/​désélectionner les champs à afficher dans les colonnes de la grille**</​callout>​ <callout type="​tip"​ icon="​true">​Pour **déplacer une colonne** :\\ - Faire un **Alt+Clic** sur l'​intitulé de la colonne\\ - **Déplacer l'​intitulé** à l'​endroit désiré.</​callout></​WRAP></​WRAP>​\\ \\
  
  
Ligne 33: Ligne 33:
 </​WRAP>​ </​WRAP>​
 <WRAP half column>​\\ {{popup> :​wiki:​widgets:​ordre_decroissant.jpg?​300 |}} <WRAP half column>​\\ {{popup> :​wiki:​widgets:​ordre_decroissant.jpg?​300 |}}
-</​WRAP></​WRAP>​\\ \\ \\+</​WRAP></​WRAP>​ 
 +\\ \\  
 +Pour **trier sur plusieurs colonnes**, il suffit de cliquer sur l'​entête de colonne en **maintenant la touche “MAJ” enfoncée**. 
 +\\ \\ \\
  
 ====Filtre des données==== ====Filtre des données====
Ligne 155: Ligne 158:
 <WRAP half column>​\\ \\ Sélectionnez dans un premier temps la colonne concernée. Puis dans le bloc format, renseignez le type de formule à afficher pour le champ //Group Kind// : <WRAP half column>​\\ \\ Sélectionnez dans un premier temps la colonne concernée. Puis dans le bloc format, renseignez le type de formule à afficher pour le champ //Group Kind// :
   * <color #​7092be>​**Group Kind**</​color>​\\ Sélectionne le **type de formule utilisée** ou **none** s'il n'y en a pas\\   * <color #​7092be>​**Group Kind**</​color>​\\ Sélectionne le **type de formule utilisée** ou **none** s'il n'y en a pas\\
-  * <color #​7092be>​**Group Format**</​color>​\\ Définit le **format des chiffres**. (voir le paragraphe précédent pour les explications) ​+  * <color #​7092be>​**Group Format**</​color>​\\ Définit le **format des chiffres**. (voir le paragraphe précédent pour les explications). Si rien n'est renseigné, on indiquera, devant la valeur, le type de formule (SUM, MIN, etc...). 
 +</​WRAP></​WRAP>​\\ \\  
 + 
 +<WRAP group> 
 +<WRAP half column>​\\ \\ \\ Pour que les **valeurs à afficher soit situées dans la colonne concernée** (et non entre parenthèse dans l'​entête du regroupement),​ il faut renseigner tel que ci-contre : 
 +</​WRAP>​ 
 +<WRAP half column>​{{popup>​ :​wiki:​widgets:​group_summary_layout.jpg?​nolink&​600|}} 
 +</​WRAP></​WRAP>​\\ \\  
 + 
 +**Tris par Somme de regroupements :** 
 +<WRAP group> 
 +<WRAP half column>​\\ {{popup> :​wiki:​widgets:​tri_classique.jpg?​600|}} 
 +</​WRAP>​ 
 +<WRAP half column>​\\ {{popup> :​wiki:​widgets:​tri_par_sum.jpg?​600|}}
 </​WRAP></​WRAP>​\\ \\ \\ \\ </​WRAP></​WRAP>​\\ \\ \\ \\
 ====Mise en forme des données==== ====Mise en forme des données====
Ligne 172: Ligne 188:
 Exemple : {{popup> :​wiki:​widgets:​regle.jpg?​400 |}}\\  Exemple : {{popup> :​wiki:​widgets:​regle.jpg?​400 |}}\\ 
 {{popup> :​wiki:​widgets:​widget_regle.jpg?​800 |}} {{popup> :​wiki:​widgets:​widget_regle.jpg?​800 |}}
 +\\ \\ \\
 +
 +====Widget flottante====
 +Il est possible d'​extraire une widget afin de **la positionner sur un autre écran** par exemple. \\
 +
 +<WRAP group>
 +<WRAP half column>​\\ {{popup> :​wiki:​widgets:​widget_flottante.jpg?​600|}}
 +</​WRAP>​
 +<WRAP half column>​\\ \\ \\
 +Dans la partie de droite "​Propriété de la widget"​ :
 +  * Mettre le paramètre **"​AllowFloating"​ à "​True"​**
 +  * Le valider en tapant sur le touche "​Entrée"​
 +  * Enregistrer le paramétrage par le bouton dans la barre en haut et fermer le paramétrage.\\ \\
 +
 +Par un **glisser/​déposer**,​ déplacer la widget à l'​endroit voulu
 +</​WRAP></​WRAP>​\\ \\
 +
 +Exemple :\\ \\ {{popup> :​wiki:​widgets:​bouton_flottant.jpg?​800 |}}\\ \\ 
 +Pour **repositionner la widget** à sa place dans le module, **cliquer sur le point** à côté de l'​engrenage.
 +
 \\ \\ \\ \\ \\ \\
 ======Widgets interactifs====== ======Widgets interactifs======