Code source wiki de Customize flow’s tooltips box
Modifié par Aurelie Bertrand le 2024/09/20 11:54
Afficher les derniers auteurs
author | version | line-number | content |
---|---|---|---|
1 | (% class="box warningmessage" %) | ||
2 | ((( | ||
3 | ❗La fiche résolution est susceptible de ne pas fonctionner selon la version utilisée. Le cas échéant, veuillez contacter le support en décrivant ce qui ne fonctionne pas. | ||
4 | ))) | ||
5 | |||
6 | ---- | ||
7 | |||
8 | {{ddtoc/}} | ||
9 | |||
10 | ---- | ||
11 | |||
12 | Vous pouvez modifier le design des info-bulles à l'aide des feuilles de styles CSS applicable à chaque flux. | ||
13 | [[image:https://lh3.googleusercontent.com/ZrtEQIn-0JD6XcXu-dL7xWTQ3b1h4TILb4Gfjo5Co1SBshoIzUa5PUSR8sfjjeWletzyE6ajQK7ituhIDRiXo8r7GmcWVozTpqDu6hJievjTLYgdzWWvOnDRrt8J_lwHNVMfu8rVJcU||height="343px;" width="574px;"]] | ||
14 | |||
15 | = Gestionnaire des styles = | ||
16 | |||
17 | Créez un nouveau CSS ou mettez à jour celui de DigDash | ||
18 | |||
19 | == Gestionnaire des styles dans le Web Studio == | ||
20 | |||
21 | [[image:1629903370346-270.png||data-xwiki-image-style-alignment="center"]] | ||
22 | |||
23 | [[image:1629903301945-728.png||data-xwiki-image-style-alignment="center"]] | ||
24 | |||
25 | == Gestionnaire des styles dans le Desktop Studio == | ||
26 | |||
27 | [[image:https://lh4.googleusercontent.com/AYm3xXS_a2BMorBgtwIcAF6_HoA67nudVqFMd0Qgv3kTIyB1-Uxjn2O8LtXvFBh3PPIq4bvL4bSZ8w6d9rwK6Ve4dd3eq0HlgMZqygHb2EuSUuWlMUREXVT7nYU9WMJnpQvD4azbm84||data-xwiki-image-style-alignment="center" height="371px;" width="407px;"]] | ||
28 | |||
29 | * Ajoutez le CSS suivant. | ||
30 | |||
31 | = CSS = | ||
32 | |||
33 | * Modifier les propriétés de la classe ##**captionBox**##. | ||
34 | * Ajouter l’instruction (% style="color:#f39c12" %)##**!important**##(%%) à la fin de chaque modification. | ||
35 | |||
36 | Exemple : | ||
37 | |||
38 | {{code language="CSS"}} | ||
39 | .captionBox | ||
40 | { | ||
41 | fill:rgb(0, 51, 134) !important; | ||
42 | fill-opacity:0.80 !important; | ||
43 | stroke-width: 0.6 !important; | ||
44 | stroke: #FFF! important; | ||
45 | } | ||
46 | {{/code}} |