topic Change header color in foldable theme in web appbuilder in ArcGIS Web AppBuilder Questions

Change header color in foldable theme in web appbuilder

RoySP — Fri, 28 Nov 2014 06:07:13 GMT

So is there a way to change the header color of the Foldable Theme or do we have to develop a whole new theme?

Re: Change header color in foldable theme in web appbuilder

RobertScheitlin__GISP — Fri, 28 Nov 2014 13:11:01 GMT

Roy,

Sure all you have to do is make your css changes in the client\stemapp\themes\FoldableTheme\widgets\HeaderController\css\style.css

Re: Change header color in foldable theme in web appbuilder

RoySP — Wed, 03 Dec 2014 07:29:16 GMT

Thanks Robert,

I was struggling with that same file with no effect. I got what I wanted in the FoldableTheme/styles/black/style.css file

Re: Change header color in foldable theme in web appbuilder

JeffWard — Thu, 28 May 2015 01:43:01 GMT

I have created a new style by copying an existing style in the style list in client\stemapp\themesFoldableTheme\manifest.json and changed the name, description and styleColor properties. Then I copy and paste one of the folders in \client\stemapp\themes\FoldableTheme\styles naming it with the same name I added to the styles list. Then I make whatever color changes in the style.css in my new style folder.

Re: Change header color in foldable theme in web appbuilder

MichaelAugust — Mon, 11 Apr 2016 15:44:45 GMT

Hi Jeff - I'm trying your approach in the WAB 2.0 developer edition, using the foldable theme - and cannot seem to get my color changes to stick, I see the new choice as a swatch in the WAB, but when I choose it the color of my widget panel turns grey, like it is defaulting to grey. Is there an additional step to changing the colors? I feel like something has been updated with the themes in the latest release...thanks for any ideas!

Re: Change header color in foldable theme in web appbuilder

KyleSchwizer — Tue, 14 Jun 2016 15:23:45 GMT

I am having the same issue as Micheal August. I am able to see my new style but when i go to select it, it switches to the default style. Any suggestions to help with this issue would be greatly appreciated. Thanks!