topic Re: Changing colors of widget headers in Web AppBuilder Custom Widgets Questions

Changing colors of widget headers

GeorgeKatsambas — Fri, 08 Jul 2016 14:31:16 GMT

Which file do i need to change so that my widget headers color are different? i:e header blue and widget red

RobertScheitlin__GISP — Fri, 08 Jul 2016 14:53:56 GMT

George,

This can be done with css changes but I will need to know what theme you are using.

GeorgeKatsambas — Fri, 08 Jul 2016 15:04:14 GMT

Robert its the Foldable Theme

RobertScheitlin__GISP — Fri, 08 Jul 2016 15:28:07 GMT

George,

Add this css rule to your apps theme common.css (i.e. [install dir]\server\apps\[app #]\themes\FoldableTheme\common.css)

.FoldableTheme.default .jimu-on-screen-widget-panel > .jimu-panel-title {

background-color: rgb(255, 0, 0);

background-color: rgba(255, 0, 0, 1);

}