topic Tabbed Theme Header/Footer Customization in Web AppBuilder Custom Widgets Questions

Tabbed Theme Header/Footer Customization

BrandonPrice — Thu, 12 Oct 2017 22:03:49 GMT

Hello,

I would like to customize the header by putting a border-bottom 1px solid black if possible. I would also like to do something similar to the footer and sidebar controller. Does anyone have any suggestions on this?

Thanks,
Brandon

Re: Tabbed Theme Header/Footer Customization

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:01:14 GMT

Brandon,

In the [install dir]\server\apps\[app#]\themes\TabTheme\common.css add these rules (lines 3 - 11):

@import url("panels/TabPanel/style.css");

.jimu-widget-sidebar-controller{
  border-right: 1px solid #000000;
}
.jimu-widget-header {
  border-bottom: 1px solid #000000;
}
.jimu-widget-footer {
  border-top: 1px solid #000000;
}
‍‍‍‍‍‍‍‍‍‍‍

Re: Tabbed Theme Header/Footer Customization

BrandonPrice — Fri, 13 Oct 2017 16:47:14 GMT

Thanks Robert. This worked perfectly.

-Brandon