| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| wiki:widgets:presentation_et_personnalisation_widgets [2022/01/31 16:33] – [Mettre un widget en premier dans l'affichage du module] n.orvoen | wiki:widgets:presentation_et_personnalisation_widgets [2025/03/10 08:49] (Version actuelle) – [Période d'analyse] n.orvoen |
|---|
| ====== Présentation et généralités sur les widgets ====== | ====== Présentation et généralités sur les widgets ====== |
| </jumbotron> | </jumbotron> |
| \\ \\ | \\ |
| <callout type="info">Les widgets peuvent remplir **plusieurs fonctions** : affichage des données en **graphique**, en **grille**, **interaction avec Atys**, **mise à jour de données** dans Atys,...\\ \\ | <callout type="info">Les widgets peuvent remplir **plusieurs fonctions** : affichage des données en **graphique**, en **grille**, **interaction avec Atys**, **mise à jour de données** dans Atys,...\\ \\ |
| Le tableau de bord peut être **personnalisable par profil utilisateur**, en fonction des besoins (gestion du paramétrage des widgets accessible uniquement aux administrateurs) | Le tableau de bord peut être **personnalisable par profil utilisateur**, en fonction des besoins (gestion du paramétrage des widgets accessible uniquement aux administrateurs) |
| </callout> | </callout> |
| \\ | |
| ====== Généralités====== | ====== Généralités====== |
| <WRAP imgweb>{{popup> :wiki:widgets:generalite_widget.jpg?800 |}}</WRAP>\\ \\ | <WRAP imgweb>{{popup> :wiki:widgets:generalite_widget.jpg?800 |}}</WRAP>\\ \\ |
| \\ Des fonctionnalités supplémentaires (décrites ci-dessous), permettent d'accéder à des actions supplémentaires :\\ \\ | Des fonctionnalités supplémentaires (décrites ci-dessous), permettent d'accéder à des actions supplémentaires :\\ \\ |
| ====Période d'analyse==== | ====Période d'analyse==== |
| <WRAP group> | <WRAP group> |
| </WRAP> | </WRAP> |
| <WRAP half column>Certains modules offrent la possibilité de déterminer une période d'analyse : | <WRAP half column>Certains modules offrent la possibilité de déterminer une période d'analyse : |
| * <color #7092be>**Période en cours/Période précédente**</color>\\ Permet de sélectionner directement une période ou campagne (selon l'activité) telle qu'elles sont définies dans la table des périodes (en bleu : période sélectionnée). | * <color #7092be>**Période en cours/Période précédente**</color>\\ Permet de sélectionner directement une période ou campagne telle qu'elles sont définies dans la [[https://wiki.atys.analys-informatique.com/doku.php?id=wiki:docs_en_cours:table_periodes|table des périodes]] (en bleu : période sélectionnée). |
| * <color #7092be>**Début.../Fin...**</color>\\ Permet de définir une période plus précise à étudier | * <color #7092be>**Début.../Fin...**</color>\\ Permet de définir une période plus précise à étudier |
| <callout type="info" icon="true"> La période ainsi sélectionnée est clairement mentionnée sous les sélections</callout></WRAP></WRAP>\\ \\ | <callout type="info" icon="true"> La période ainsi sélectionnée est clairement mentionnée sous les sélections</callout></WRAP></WRAP>\\ \\ |
| * <color #7092be>**Executer:**</color>\\ Même action que le bouton "**Rafraichir**" (voir ci dessous) | * <color #7092be>**Executer:**</color>\\ Même action que le bouton "**Rafraichir**" (voir ci dessous) |
| * <color #7092be>**Exporter**</color>\\ Permet d'exporter le widget sous différents format en fonction des besoins (**csv, htm, txt, xls, xlsx ou xml**). | * <color #7092be>**Exporter**</color>\\ Permet d'exporter le widget sous différents format en fonction des besoins (**csv, htm, txt, xls, xlsx ou xml**). |
| * <color #7092be>**Imprimer**</color>\\ Ouvre un aperçu avant impression, permettant d'**imprimer ou d'exporter en pdf** le widget. | * <color #7092be>**Imprimer**</color>\\ Ouvre un aperçu avant impression, permettant d'**imprimer ou d'exporter en pdf** le widget.\\ {{:wiki:docs_en_cours:play_gris.png?nolink&20|}} [[https://wiki.atys.analys-informatique.com/doku.php?id=wiki:docs_en_cours:videos_design_atysxe#impression_des_widgets_grilles|Vidéo tuto sur l'impression des widgets]]\\ |
| * <color #7092be>**Sauvegarder**</color>\\ Permet de sauvegarder les tris et/ou filtres appliqués afin de les conserver à la prochaine ouverture du widget. | * <color #7092be>**Sauvegarder**</color>\\ Permet de sauvegarder les tris et/ou filtres appliqués afin de les conserver à la prochaine ouverture du widget. |
| * <color #7092be>**Paramètres**</color>\\ Permet d'accéder au "[[wiki:widgets:widget_de_grille#personnalisation_avancee_reservee_administrateurs_groupes_1_a_10|Quick Customize]]" permettant de gérer les paramétrages et mises en forme spécifiques. <callout type="warning" icon="true"> Cette fonctionnalité (Quick Customize) n'est accessible qu'aux administrateurs des groupes 1 à 10.</callout> | * <color #7092be>**Paramètres**</color>\\ Permet d'accéder au "[[wiki:widgets:widget_de_grille#personnalisation_avancee_reservee_administrateurs_groupes_1_a_10_-_version_pro_ou_expert_uniquement|Quick Customize]]" permettant de gérer les paramétrages et mises en forme spécifiques. <callout type="warning" icon="true"> Cette fonctionnalité (Quick Customize) n'est accessible qu'aux administrateurs des groupes 1 à 10.</callout> |
| </WRAP></WRAP>\\ \\ \\ | </WRAP></WRAP>\\ \\ |
| ====Bouton rafraichir==== | ====Bouton rafraichir==== |
| <WRAP group> | <WRAP group> |
| |
| ====Suppression d'un widget==== | ====Suppression d'un widget==== |
| <callout type="info" icon="true">les widgets qui sont "supprimés", sont en réalité, **déplacés** vers une zone d'items disponibles et **pourront être remis**, si besoin, par la suite. Ils **disparaissent de l'affichage** dans le module uniquement.</callout> | <callout type="info" icon="true">Les widgets qui sont "supprimés", sont en réalité, **déplacés** vers une zone d'items disponibles et **pourront être remis**, si besoin, par la suite. Ils **disparaissent de l'affichage** dans le module uniquement.</callout> |
| |
| <WRAP group> | \\ \\ |
| <WRAP half column>\\ \\ | **1- Accéder au mode design** du module comme décrit précédemment\\ \\ |
| **1- Acceder au mode design du module :**\\ \\ | **2- Double-cliquer sur la zone des modules** pour accéder aux différents onglets/widgets :\\ \\ |
| <WRAP imgweb>{{popup> :wiki:widgets:designer_type_page.jpg?600 |}}</WRAP> | <WRAP imgweb>{{popup> :wiki:widgets:zone_princ.jpg?800 |}}</WRAP>\\ \\ |
| </WRAP> | **3- Déplacer le widget à supprimer vers les items disponibles par un glisser-déposer :** |
| <WRAP half column>\\ | <WRAP imgweb>{{popup> :wiki:widgets:widget_a_supp.jpg?800 |}}</WRAP>\\ \\ |
| **2- Déplacer le widget à supprimer vers les items disponibles par un glisser-déposer :** | **4- <wrap em>Cliquer sur le premier widget du module</wrap> avant de sauvegarder** (pour un utilisateur ou pour un groupe)\\ \\ |
| <WRAP imgweb>{{popup> :wiki:widgets:widget_a_supp.jpg?600 |}}</WRAP></WRAP></WRAP>\\ \\ | **5- Fermer le module et le rouvrir** pour visualiser les modifications.\\ \\ \\ |
| **3- Cliquer sur le premier widget du module avant de sauvegarder (pour un utilisateur ou pour un groupe)**\\ \\ \\ \\ \\ | |
| ====Mettre un widget en premier dans l'affichage du module==== | ====Mettre un widget en premier dans l'affichage du module==== |
| \\ <callout type="info" icon="true">Choisir le **widget qui apparaitra en premier** dans le module.</callout>\\ | \\ <callout type="info" icon="true">Choisir le **widget qui apparaitra en premier** dans le module.</callout>\\ |
| - Dans un premier temps, **déplacer le widget** à l'endroit voulu par un **glisser-déposer** (comme indiqué juste au-dessous). Des petites flèches ({{:wiki:widgets:fleche1.jpg?20|}} ou {{:wiki:widgets:fleche2.jpg?20|}}) vous guident sur l'endroit où il va se placer.\\ \\ | - Dans un premier temps, **déplacer le widget** à l'endroit voulu par un **glisser-déposer** (comme indiqué juste au-dessous). Des petites flèches ({{:wiki:widgets:fleche1.jpg?20|}} ou {{:wiki:widgets:fleche2.jpg?20|}}) vous guident sur l'endroit où il va se placer.\\ \\ |
| - Puis en haut, à droite, cliquer sur le **symbole de duplication** pour copier le nom de la widget :\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:deplacer_widget.jpg?800 |}}</WRAP>\\ \\ | - Puis en haut, à droite, cliquer sur le **symbole de duplication** pour copier le nom de la widget :\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:deplacer_widget.jpg?800 |}}</WRAP>\\ \\ |
| - Cliquer ensuite sur **Retour** dans le bandeau en haut\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:bandeau_designer.jpg?800 |}}</WRAP>\\ \\ | - <wrap em>Cliquer sur le 1er widget de l'ensemble du module avant de sauvegarder</wrap>.\\ \\ |
| | - Cliquer ensuite sur **Retour** dans le bandeau en haut\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:bandeau_designer.jpg?800 |}}</WRAP>\\ \\ \\ **Si le module contient plusieurs onglets :** \\ |
| - Puis double-cliquer sur "**zone top**" (ou zone haut selon les versions)\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:zone_top.jpg?800 |}}</WRAP>\\ \\ | - Puis double-cliquer sur "**zone top**" (ou zone haut selon les versions)\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:zone_top.jpg?800 |}}</WRAP>\\ \\ |
| - **Sélectionner le module** concerné puis remplacer le nom du "**Widget suivant**" par Clic droit / Coller et valider en tapant la touche "**Entrée**".\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:coller_nom.jpg?800 |}}</WRAP>\\ \\ | - **Sélectionner le module/onglet** concerné puis remplacer le nom du "**Widget suivant**" par Clic droit / Coller et valider en tapant la touche "**Entrée**".\\ \\ <WRAP imgweb>{{popup> :wiki:widgets:coller_nom.jpg?800 |}}</WRAP>\\ \\ |
| - **Sauvegarder** avant de **fermer** le designer de module | - **Sauvegarder** avant de **fermer** le designer de module\\ \\ |
| | - Fermer le module et le rouvrir pour visualiser les modules. |
| |
| |