topic Re: Change Color of Content pane window in Accordion in ArcGIS JavaScript Maps SDK Questions

Change Color of Content pane window in Accordion

jaykapalczynski — Fri, 10 Dec 2021 22:55:49 GMT

I have been scouring the dojo sites, css sites, etc. I cannot find out where to set the text color properties of the Accordion Title text as seen in the image.

I cannot seem to find where to set the Title of the Content Pane????

Thoughts?

<div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'left'" class="shadow" id="leftPane">
     <div id="IDAccordionPane" data-dojo-type="dijit.layout.AccordionContainer" style="color:black;">
          <!-- 1st PANEL -->
          <div id="idLayers" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'Legend'" >
               <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="title:'Natural Disasters'">
          </div>
          </div>
          <!-- 2nd PANEL -->
          <div id="idLegend" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="title:'Tools'" style="color:black;">
          </div>

// snip‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Change Color of Content pane window in Accordion

KenBuja — Thu, 26 Jul 2018 17:09:59 GMT

If you use the Developer Tools, you can examine each element and the css rules that affect it. You can also modify the rules to see how it looks. You can override the .claro .dijitAccordionTitle color rule to change the text color in the closed tabs. To change the text color of the selected tab, you also have to override the .dijitAccordionInnerContainerSelected rule.

Here's an example: JS Bin - Collaborative JavaScript Debugging

Re: Change Color of Content pane window in Accordion

jaykapalczynski — Thu, 26 Jul 2018 17:23:27 GMT

Thanks....tried it with the "nihilo" and does not seem to work but have it working in the "claro"

Re: Change Color of Content pane window in Accordion

KenBuja — Thu, 26 Jul 2018 17:55:54 GMT

You have to change all references to claro to nihilo

JS Bin - Collaborative JavaScript Debugging

Re: Change Color of Content pane window in Accordion

jaykapalczynski — Thu, 26 Jul 2018 18:23:27 GMT

Yea tried that...maybe missed one or two...figured it would work that way...

I simply switched to Claro and changed the references...