Différences
Ci-dessous, les différences entre deux révisions de la page.
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 [2022/11/03 10:03] Nadège ORVOEN [Formule en entête de regroupement] |
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: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 153: | Ligne 156: | ||
<WRAP half column>\\ {{popup> :wiki:widgets:formule_regroupement.jpg?500 |}} | <WRAP half column>\\ {{popup> :wiki:widgets:formule_regroupement.jpg?500 |}} | ||
</WRAP> | </WRAP> | ||
- | <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====== |