Tabbed Theme Header/Footer Customization

570
2
Jump to solution
10-12-2017 03:03 PM
BrandonPrice
Occasional Contributor

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

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

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;
}

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Emeritus

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;
}
BrandonPrice
Occasional Contributor

Thanks Robert. This worked perfectly.

-Brandon

0 Kudos