Code source wiki de Gestionnaire de styles

Modifié par Aurelie Bertrand le 2026/06/30 11:50
Afficher les derniers auteurs
1 {{ddtoc/}}
2
3 ----
4
5 Le **Gestionnaire de styles** (ou **Assistant de thèmes**) permet de créer, éditer ou supprimer des feuilles de style CSS ou thèmes pouvant être utilisées pour personnaliser l'affichage des flux.
6
7 [[image:Style_manager_FR.png]]
8
9 Les feuilles de styles ou thèmes disponibles sont listées à gauche et le code CSS correspondant à droite.
10 Celles dont l'accès est restreint à un rôle sont suivies du nom du rôle entre parenthèses.
11
12 (% class="box warningmessage" %)
13 (((
14 ❗Modifier une feuille de style existante a un impact sur tous les éléments utilisant cette feuille de styles (autres rôles).
15 Vérifiez son périmètre d'utilisation via l'[[outil d'analyse de dépendances>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] (accès par un clic-droit sur la feuille de styles) ou, si besoin, dupliquez la feuille de  style et modifiez-la comme souhaité.
16 )))
17
18 = Dupliquer une feuille de styles =
19
20 Pour dupliquer une feuille de styles :
21
22 1. Sélectionnez la feuille de styles originale dans la liste.
23 1. Cliquez sur le bouton **+** à droite du champ de recherche puis sur **Dupliquer**.
24 [[image:Style_manager_duplicate_FR.png||alt="Dupliquer"]]
25 ➡ La boite **Nouveau** s'affiche.
26 1. Modifiez le nom comme souhaité.
27 1. (((
28 Définissez si la feuille de styles est restreinte à un rôle :
29
30 * **Élément commun** : la feuille de styles est disponible pour tous les rôles.
31 * **Accès restreint** : la feuille de styles est disponible uniquement pour le rôle sélectionné dans la liste déroulante. Le champ peut également être utilisé comme barre de recherche dans le cas d'un grand nombre de rôles.(% class="box infomessage" %)
32 (((
33 💡 Une fois créé, une feuille de styles commune à tous les rôles (sans rôle assigné) ne peut plus être restreinte à un rôle spécifique.
34 Une feuille de styles initialement restreinte à un rôle ne peut être réaffectée à un autre rôle mais peut devenir commune. Pour lever la restriction de rôle :
35
36 1. Cliquez-droit sur la feuille de styles puis cliquez sur** Renommer. **
37 1. Cliquez sur le bouton [[image:lever_restriction.png||alt="Lever restriction"]] à droite du rôle puis sur **OK**.
38 )))[[image:1780413957663-336.png]]
39 )))
40 1. Cliquez sur **OK**.
41 ➡ La feuille de styles est ajoutée à la liste.
42 1. Modifiez le code CSS comme souhaité et cliquez sur **OK**.
43
44 = Créer une feuille de styles =
45
46 Pour créer une nouvelle feuille de styles, vous pouvez :
47
48 * créer un nouveau thème de zéro (feuille de styles vide) : cliquez alors sur **Ajouter**;
49 * utiliser l'**Assistant d'édition de thème**.
50 L'assistant d'édition est un outil qui vous permet de modifier facilement le style de votre flux. Il se base sur le thème digdash_2019_template. Consultez la page [[Assistant d'édition de thème>>doc:Digdash.user_guide.studio.Create_flow.Configure_flow.Modify_style.style_editor.WebHome]] pour plus de détails.
51
52 = Renommer une feuille de styles =
53
54 Pour renommer une feuille de styles :
55
56 * Cliquez sur le bouton [[image:Rename_button_FR.png||alt="Renommer" height="21" width="21"]] et entrez le nom souhaité.
57
58 Pour accéder à l'édition multi-langue :
59
60 * Cliquez sur le bouton [[image:Translate_button.png||alt="Edition multi-langue" height="22" width="23"]]. Consultez la page [[Traduire le nom d'un objet>>doc:Digdash.user_guide.studio.translate_items.WebHome]] pour plus de détails.
61
62 = Supprimer une feuille de styles =
63
64 Pour supprimer une feuille de styles :
65
66 * Sélectionnez la feuille de styles que vous souhaitez supprimer et cliquez sur le bouton [[image:1739181611957-699.png||height="23" width="21"]].
67
68 (% class="box infomessage" %)
69 (((
70 Vous pouvez également accéder à ces différentes fonctions ainsi qu'à la fonction **Réinitialiser** et l'outil d'[[analyse des dépendances>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] via un clic droit sur une feuille de styles.
71
72 [[image:Style_manager_menu_FR.png||alt="Menu contextuel"]]
73 )))
74
75 = Réinitialiser une feuille de styles =
76
77 Les feuilles de styles ou thèmes livrées avec DigDash peuvent être réinitialisé(e)s à leur version d'origine.
78 La feuille de styles sera restaurée à la version livrée avec la version courante de DigDash. Ainsi, toutes les modifications effectuées seront perdues.
79
80 Pour réinitialiser une feuille de styles :
81
82 * (((
83 Cliquez-droit sur la feuille de styles que vous souhaitez réinitialiser puis cliquez sur **Réinitialiser**.
84 [[image:1739182477528-292.png||alt="Réinitialiser le thème"]]
85 )))