Last modified by Aurelie Bertrand on 2026/06/29 11:19
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 DigDash Enterprise est livré avec un ensemble d'images/icônes.
6
7 Le **Gestionnaire d'images (ou d'icônes)** permet de visualiser ces images et d'en ajouter de nouvelles.
8
9 [[image:Picture_manager_fr.png||alt="Gestionnaire d'images"]]
10
11 Les images/icônes sont groupées sous 2 onglets :
12
13 * **Indicateurs**, qui comprend des icônes utilisées comme indicateur dans le cas d'un objectif ou d'une tendance, par exemple.
14 * **Infographies**, qui comprend des images vectorielles utilisées comme illustrations dans les graphiques, notamment pour les flux de type Infographies.
15
16 Dans chaque onglet, les images/icônes sont organisées dans des catégories.
17 Dans le cas des indicateurs, 3 catégories sont disponibles :
18
19 * **Tout** : toutes les icônes indicateurs;
20 * **DigDash** : icônes livrées avec DigDash;
21 * **Custom **: icônes personnalisées ajoutées.
22
23 Dans le cas des infographies, des catégories supplémentaires par thème (Drapeaux, Transport, Météo, etc) sont disponibles.
24 Vous pouvez également créer de nouvelles catégories comme décrit ci-dessous.
25
26 = Ajouter une icône =
27
28 (% class="box infomessage" %)
29 (((
30 **ℹ Autorisations**
31
32 Pour ajouter une icône, vous devez disposer de l'autorisation //Contenu > Soumettre un document//, en plus de l'autorisation //Studio > Accès au gestionnaire d'icônes//.
33 )))
34
35 == Ajouter une icône indicateur ==
36
37 Pour ajouter une nouvelle icône indicateur :
38
39 1. Cliquez sur le bouton **Ajouter une icône personnalisée.**
40 1. Dans la boite de dialogue qui s'affiche, cliquez sur **Ajouter** et sélectionnez l'image de votre choix.
41 1. Cliquez sur **OK**.
42
43 == Ajouter une infographie / icône vectorielle{{id name="infographie"/}} ==
44
45 (% class="box infomessage" %)
46 (((
47 **ℹ Autorisations**
48
49 Pour gérer les infographies ou icônes vectorielles, vous devez disposer des autorisations suivantes :
50
51 * //Éléments > Gérer les éléments communs //pour les icônes communes à tous les rôles (rôle "Aucun");
52 * //Éléments > Gérer les éléments de rôles //pour les icônes restreintes à un rôle.
53 )))
54
55 Pour ajouter une nouvelle infographie :
56
57 (% class="box warningmessage" %)
58 (((
59 ⚠ Les icônes vectorielles ajoutées doivent être des images créées au format SVG. Les images SVG converties depuis un fichier PNG ne sont pas supportées.
60 )))
61
62 1. Cliquez sur le bouton **Ajouter une icône vectorielle.**
63 1. Dans la boite de dialogue qui s'affiche, définissez si l'icône est restreinte à un rôle :
64 1*. **Élément commun** : l'icône est disponible pour tous les rôles.
65 1*. **Accès restreint** : l'icône est disponible uniquement pour le rôle sélectionné dans la liste déroulante.(((
66 (% class="box infomessage" %)
67 (((
68 💡 Une fois créée, une icône commune à tous les rôles (sans rôle assigné) ne peut plus être restreinte à un rôle spécifique.
69 Une icône initialement restreinte à un rôle ne peut être réaffectée à un autre rôle mais peut devenir commune.
70 Pour rendre une icône commune, cliquez-droit sur l'icône puis cliquez sur **Lever la restriction au rôle**.
71 (% style="color:#d35400" %)⚠ Lors de la lever de restriction au rôle, l’icône est supprimée du répertoire //config/web/RoleId/vectoricons// puis recréée dans //config/web/public/vectoricons//. Tous les éléments qui l’utilisaient perdent alors la référence à cette icône(% style="color:#c0392b" %).
72 )))
73 )))[[image:Add_svg_icon_fr.png||alt="Ajout icône"]]
74 1. Cliquez sur **OK**.
75 ➡ L'icône est ajoutée et un aperçu est affiché.
76
77 Un clic-droit sur l'image donne accès au menu contextuel. 
78 Dans le cas d'une icône resteinte à un rôle, vous pouvez la rendre commune à tous les rôles en cliquant sur **Lever la restriction au rôle**.
79
80 [[image:1780392255994-113.png]]
81
82 = Créer des catégories =
83
84 Dans le cas des infographies, vous pouvez créer de nouvelles catégories ou sous-catégories :
85
86 1. Cliquez-droit sur la catégorie **Tout** puis cliquez sur **+ Créer une catégorie**.
87 //[[image:Icon_manager_category_FR.png]]//
88 1. Dans la boite qui s'affiche, entrez le nom de la nouvelle catégorie et cliquez sur **OK**.
89 ➡ La nouvelle catégorie est ajoutée à la liste des catégories.
90
91 Pour créer une sous-catégorie, procédez de même depuis une catégorie autre que **Tout**.
92 Pour assigner une icône à une catégorie :
93
94 1. Cliquez-droit sur la catégorie.
95 1. Dans le menu contextuel qui s'affiche, cliquez sur **Assigner à la catégorie **puis sélectionnez la catégorie dans la liste des catégories existantes.
96
97 Vous pouvez également créer une catégorie depuis l'icône et l'y assigner :
98
99 1. Cliquez-droit sur l'icône.
100 1. Dans le menu contextuel qui s'affiche, cliquez sur **Assigner à la catégorie** puis **Nouvelle...**
101 1. Dans la boite **Catégorie**, entrez un nom. Pour y ajouter une sous-catégorie, ajouter un **/** puis le nom de la sous-catégorie comme suit :
102 //Catégorie/Sous-catégorie//.
103 1. Cliquez sur le bouton [[image:Translate_button.png||height="22" width="23"]] si vous souhaitez renseigner l'édition multi-langue. Consultez la page [[Traduire le nom d'un objet>>doc:Digdash.user_guide.studio.translate_items.WebHome]] pour plus de détails.
104 1. Cliquez sur **OK **pour valider.
105
106 = Autres options =
107
108 Le bouton [[image:Table_view_icon_FR.png||alt="Vue tableau"]] permet d'afficher une vue tableau des icônes disponibles.
109
110 [[image:icon_list_fr.png||alt="Vue tableau"]]
111
112 Le bouton [[image:Dependency_analysis_button.png||height="21" width="23"]] permet d'accéder à l'outil d'[[analyse de dépendances >>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]]pour visualiser l'utilisation de l'icône.