# Changement de couleurs de titre de section **URL:** \ **Category:** Development\ **Created:** [June 11, 2019, 3:26pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401 "2019-06-11T15:26:57Z")\ **Posts on this page:** 14\ **Page:** 1
**Author:** ![Bertrand](https://avatars.discourse-cdn.com/v4/letter/b/a88e4f/32.png) [@Bertrand](https://discuss.workflowgen.com/u/Bertrand)\ **Post date:** [June 11, 2019, 3:26pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/1 "2019-06-11T15:26:57Z")
Bonjour, je souhaite pouvoir changer la couleur de fond du titre de section en fonction de l’action en cours. Qu’elle est la meilleure solution en code behind ou en javascript ? et comment faire ? ---
**Author:** ![qpomarel](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/qpomarel/32/262_2.png) [@qpomarel](https://discuss.workflowgen.com/u/qpomarel)\ **Post date:** [June 11, 2019, 6:31pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/2 "2019-06-11T18:31:15Z")
Bonjour Bertrand, L’idéal est de le faire dans le code behind au niveau du Page\_Load. L’exemple de code ci-dessous change en rouge la couleur de l’entête des sections en fonction de l’action en cours. ```auto protected void Page_Load(object sender, EventArgs e) { base.Page_Load(sender, e); if(!IsPostBack) ChangeHeaderColor(); } private void ChangeHeaderColor() { switch(CurrentWorkflowActionName) { case "INITIER": DDE_TITLE.Style["background-color"] = "red"; DDE_TITLE.Style["border"] = "red"; break; case "VALIDER_NIV_1": NIVEAU1_TITLE.Style["background-color"] = "red"; NIVEAU1_TITLE.Style["border"] = "red"; break; } } ``` Résultat: ![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/5108553d082b7a06ce31b5ee058a56721626eecc.png) ---
**Author:** ![Bertrand](https://avatars.discourse-cdn.com/v4/letter/b/a88e4f/32.png) [@Bertrand](https://discuss.workflowgen.com/u/Bertrand)\ **Post date:** [June 12, 2019, 9:36am UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/3 "2019-06-12T09:36:29Z")
Merci pour cette solution, je vais la tester. 👍 ---
**Author:** ![Bertrand](https://avatars.discourse-cdn.com/v4/letter/b/a88e4f/32.png) [@Bertrand](https://discuss.workflowgen.com/u/Bertrand)\ **Post date:** [July 2, 2019, 4:12pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/4 "2019-07-02T16:12:55Z")
Bonjour, Cela fonctionne bien avec certaines sections, mais pour certaines j’ai un message d’erreur . ![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/e0ac4d87232b36d7d0b46f335e9379a1543960a0.png) ---
**Author:** ![Bertrand](https://avatars.discourse-cdn.com/v4/letter/b/a88e4f/32.png) [@Bertrand](https://discuss.workflowgen.com/u/Bertrand)\ **Post date:** [July 2, 2019, 4:19pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/5 "2019-07-02T16:19:08Z")
Est ce que c’est parce que mon action s’appelle comme ma section ? J’ai une autre section qui s’appelle VALIDATION\_RA\_PAIE et dont l’ID de la section est aussi VALIDATION\_RA\_PAIE et cela fonctionne correctement. ---
**Author:** ![qpomarel](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/qpomarel/32/262_2.png) [@qpomarel](https://discuss.workflowgen.com/u/qpomarel)\ **Post date:** [July 3, 2019, 11:41am UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/6 "2019-07-03T11:41:32Z")
Bonjour Bertrand, Le nom de l’action n’a pas d’influence sur le nom de la section. La cause la plus probable est une faute de frappe dans le nom de la section. Lorsque le formulaire s’affiche sans erreur (en enlevant ce code), vous pouvez inspecter le code HTML et ainsi voir l’identifiant présent (en appuyant sur F12). ---
**Author:** ![Leveugle](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@Leveugle](https://discuss.workflowgen.com/u/Leveugle)\ **Post date:** [September 12, 2019, 7:20am UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/7 "2019-09-12T07:20:16Z")
Bonjour, J’ai testé le code fourni pour le changement de couleur des section mais je rencontre une erreur. ![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/c416c2e3c4206f2a389ec25a41867e552ef08e85.png) Au début j’avais la même erreur mentionnée ci-dessus mais en resaisissant le code à la main cette nouvelle erreur apparaît. Merci de votre aide. ---
**Author:** ![qpomarel](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/qpomarel/32/262_2.png) [@qpomarel](https://discuss.workflowgen.com/u/qpomarel)\ **Post date:** [September 12, 2019, 12:18pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/8 "2019-09-12T12:18:58Z")
Bonjour Laurent, Vous avez une erreur dans votre code behind, vous avez un crochet (`[`) au lieu d’une accolade (`{`) à la ligne 8. Cordialement, Quentin ---
**Author:** ![Leveugle](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@Leveugle](https://discuss.workflowgen.com/u/Leveugle)\ **Post date:** [September 12, 2019, 12:55pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/9 "2019-09-12T12:55:31Z")
Merci beaucoup Quentin, En effet, j’avais mis des crochets au lieu d’accolades mais pas seulement à la ligne 8 J’ai effectué la modification mais un nouveau message d’erreur apparaît: ![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/e14d3e7ece4fb73b2ae8e8744b69fb61685cbfce.png) Merci. Bien à vous. ---
**Author:** ![qpomarel](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/qpomarel/32/262_2.png) [@qpomarel](https://discuss.workflowgen.com/u/qpomarel)\ **Post date:** [September 12, 2019, 1:00pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/10 "2019-09-12T13:00:11Z")
Laurent, Le message d’erreur indique que `DDE_TITLE` n’existe pas dans votre formulaire, avez-vous bien une section avec comme identifiant `DDE`? Comme indiqué plus haut, vous pouvez inspecter le code HTML, quand le formulaire s’affiche correctement (en commentant votre code par exemple), pour obtenir le bon identifiant. ---
**Author:** ![Leveugle](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@Leveugle](https://discuss.workflowgen.com/u/Leveugle)\ **Post date:** [September 12, 2019, 1:28pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/11 "2019-09-12T13:28:39Z")
Quentin, Oui, l’identifiant DDE existe bien. ![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/e97ab5c7b1b20e883724ec5e14235591455c7e1d.png) ---
**Author:** ![Leveugle](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@Leveugle](https://discuss.workflowgen.com/u/Leveugle)\ **Post date:** [September 12, 2019, 1:29pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/12 "2019-09-12T13:29:29Z")
![image](https://canada1.discourse-cdn.com/flex030/uploads/workflowgen/original/1X/2cf26184beea8db0936dcb08128998033fad6e95.png) ---
**Author:** ![qpomarel](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/qpomarel/32/262_2.png) [@qpomarel](https://discuss.workflowgen.com/u/qpomarel)\ **Post date:** [September 12, 2019, 1:41pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/13 "2019-09-12T13:41:48Z")
Laurent, D’après l’inspection HTML, il semblerait que votre identifiant soit `DDE_TITRE`, pouvez-vous essayer avec cette valeur? Si l’erreur est toujours présente, vous pouvez ouvrir un ticket sur notre support pour pouvoir investiguer plus en détail. ---
**Author:** ![Leveugle](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@Leveugle](https://discuss.workflowgen.com/u/Leveugle)\ **Post date:** [September 12, 2019, 3:35pm UTC](https://discuss.workflowgen.com/t/changement-de-couleurs-de-titre-de-section/1401/14 "2019-09-12T15:35:20Z")
> [@qpomarel](#): > > DDE\_TITRE Problème résolu avec TITRE en français. Merci beaucoup.