Wiki source code of Gestionnaire d'images (icônes)
Last modified by Aurelie Bertrand on 2025/02/07 10:13
Show last authors
author | version | line-number | content |
---|---|---|---|
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:Icon_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 | Pour ajouter une nouvelle icône indicateur ou infographie, cliquez respectivement sur le bouton **Ajouter une icône personnalisée** ou **Ajouter une icône vectorielle** [[image:Add_custom_icon_FR.png||alt="Ajout icône"]] au-dessus de la liste d'indicateurs et sélectionnez l'image de votre choix. | ||
29 | |||
30 | (% class="box warningmessage" %) | ||
31 | ((( | ||
32 | ❗ 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. | ||
33 | ))) | ||
34 | |||
35 | = Créer des catégories = | ||
36 | |||
37 | Dans le cas des infographies, vous pouvez créer de nouvelles catégories ou sous-catégories : | ||
38 | |||
39 | 1. Cliquez-droit sur la catégorie **Tout** puis cliquez sur **+ Créer une catégorie**. | ||
40 | //[[image:Icon_manager_category_FR.png]]// | ||
41 | 1. Dans la boite qui s'affiche, entrez le nom de la nouvelle catégorie et cliquez sur **OK**. | ||
42 | ➡ La nouvelle catégorie est ajoutée à la liste des catégories. | ||
43 | |||
44 | Pour créer une sous-catégorie, procédez de même depuis une catégorie autre que **Tout**. | ||
45 | Pour assigner une icône à une catégorie : | ||
46 | |||
47 | 1. Cliquez-droit sur la catégorie. | ||
48 | 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. | ||
49 | |||
50 | Vous pouvez également créer une catégorie depuis l'icône et l'y assigner : | ||
51 | |||
52 | 1. Cliquez-droit sur l'icône. | ||
53 | 1. Dans le menu contextuel qui s'affiche, cliquez sur **Assigner à la catégorie** puis **Nouvelle...** | ||
54 | 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 : | ||
55 | //Catégorie/Sous-catégorie//. | ||
56 | 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. | ||
57 | 1. Cliquez sur **OK **pour valider. | ||
58 | |||
59 | = Autres options = | ||
60 | |||
61 | Le bouton [[image:Table_view_icon_FR.png||alt="Vue tableau"]] permet d'afficher une vue tableau des icônes disponibles. | ||
62 | |||
63 | [[image:Icon_manager_table_view_FR.png||alt="Vue tableau"]] | ||
64 | |||
65 | 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. |