Can you use an image for header background in WAB 2.5?

338
3
Jump to solution
09-13-2017 08:23 AM
HenryMoore
New Contributor II

Can you use an image for the header background instead of a color in WAB 2.5 Developer Ed.? I've tried adding one in the style.css file but it didn't work. This is my code.

.jimu-main-background
{
background-color: #2aaa8a;
background-image: url(/CDBG Loan Tracker/jimu.js/css/images/#mainBG3.jpg) !important;
background-repeat: no-repeat !important;
}

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Henry,

  Sure you can you just need to use the right css rule and place it in the appropriate file:

I add this to my apps themes\[your theme]\common.css

.jimu-widget-header-controller.jimu-main-background {
  background-image: url(images/icon.png) !important;
  background-repeat: no-repeat !important;
}

View solution in original post

3 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Henry,

  Sure you can you just need to use the right css rule and place it in the appropriate file:

I add this to my apps themes\[your theme]\common.css

.jimu-widget-header-controller.jimu-main-background {
  background-image: url(images/icon.png) !important;
  background-repeat: no-repeat !important;
}
HenryMoore
New Contributor II

Hey Robert. Hope your doing well. Works great and your the best!

RobertScheitlin__GISP
MVP Esteemed Contributor

Henry,

   I am doing good, hope you are as well. Don't forget to mark this question as answered.

0 Kudos