topic Dashboard Theme: Panel Header Height? Color? in ArcGIS Web AppBuilder Questions

Dashboard Theme: Panel Header Height? Color?

PhilBeilin1 — Wed, 20 Dec 2017 00:17:30 GMT

Hello!

I am trying to get the panel headers height to change height.

As you can see in the image I was able to change the font size (Info and Public Art) but I have not been able to find out where in the css I can change the height of the panels so that the larger text fits within.

Aside, is there a way to change the color of these panels individually?

Re: Dashboard Theme: Panel Header Height? Color?

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:31:30 GMT

Phil,

Here is the css rule to add to the bottom of your apps themes/DashBoard/common.css:

.lm_header,
.lm_tab,
.lm_header .lm_tab {
  height: 32px !important;
  background-color: blue !important;
  font-size: 18px !important;
  font-weight: bolder;
}‍‍‍‍‍‍‍‍

Not sure about your aside.

Re: Dashboard Theme: Panel Header Height? Color?

RodWoodfordOld — Fri, 13 Apr 2018 00:00:33 GMT

Hi Robert,

Thank you for this info. Expanding on it. How do you change the panel background color to match the new header color?

cheers

Rod

Re: Dashboard Theme: Panel Header Height? Color?

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:31:33 GMT

Rod,

Simply adding this rule will do that:

.lm_content {
  background-color: blue !important;
}‍‍‍

Re: Dashboard Theme: Panel Header Height? Color?

RodWoodfordOld — Sat, 14 Apr 2018 02:07:03 GMT

Thanks for the prompt reply. Tried adding this, but it only flashes up in WABD2.6 app and then reverts back to the default panel color. Is there something else that needs including?

cheers

Re: Dashboard Theme: Panel Header Height? Color?

RobertScheitlin__GISP — Sun, 12 Dec 2021 01:31:35 GMT

Rod,

I guess this is what you are wanting then.

.jimu-widget-frame.jimu-container {
  background-color: blue !important;
}‍‍‍

Re: Dashboard Theme: Panel Header Height? Color?

RodWoodfordOld — Tue, 17 Apr 2018 00:48:17 GMT

Perfect thank you Robert.