topic Re: Where can you change the color of the Widget Panel Header (WAB-D) in ArcGIS Web AppBuilder Questions

Where can you change the color of the Widget Panel Header (WAB-D)

WhitneyNewcomb — Thu, 30 Nov 2017 18:04:14 GMT

Good morning GeoNet, I need a little help again!

I am using the Dashboard theme.

I want to change the color of the header for the pop-up widgets.

Here's a picture:

I want to change that dark blue/grey color.

Where in the css can I find this?

I've dug around and haven't found it so I figured it was time to ask.

Thanks in advance for your time.

Re: Where can you change the color of the Widget Panel Header (WAB-D)

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:38:43 GMT

Whitney,

Add this css rule to your common.css in your apps themes\dahboardTheme\common.css:

.jimu-on-screen-widget-panel>.jimu-panel-title {
  background-color: #ff5566;
}‍‍‍

Re: Where can you change the color of the Widget Panel Header (WAB-D)

WhitneyNewcomb — Thu, 30 Nov 2017 18:51:52 GMT

As always, Robert, you saved the day!

Thank you.

Re: Where can you change the color of the Widget Panel Header (WAB-D)

BrianCunningham2 — Fri, 14 Jun 2019 15:32:50 GMT

Hello,

Has this rule changed? I am attempting to do the same change in the Launchpad Theme and I am not seeing any results after adding that rule to the common.css file for the Launchpad Theme.

Much appreciated,

Brian

Re: Where can you change the color of the Widget Panel Header (WAB-D)

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:38:45 GMT

Brian,

The launchpad theme does not use that CSS rule.

.jimu-launchpad-panel>.jimu-panel-title {
  background-color: #ff5566;
}‍‍‍