Dashboard Theme: Panel Header Height? Color?

1767
6
Jump to solution
12-19-2017 04:17 PM
PhilBeilin1
Occasional Contributor

Hello!

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

panel headers

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?

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

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.

View solution in original post

6 Replies
RobertScheitlin__GISP
MVP Emeritus

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.

RodWoodfordOld
Occasional Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Rod,

  Simply adding this rule will do that:

.lm_content {
  background-color: blue !important;
}
0 Kudos
RodWoodfordOld
Occasional Contributor III

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

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Rod,

  I guess this is what you are wanting then.

.jimu-widget-frame.jimu-container {
  background-color: blue !important;
}
RodWoodfordOld
Occasional Contributor III

Perfect thank you Robert.

0 Kudos