AnsweredAssumed Answered

Custom Theme - Style.css not applying

Question asked by samdrummonddev on Mar 23, 2015
Latest reply on Mar 25, 2015 by samdrummonddev

Hello All,

 

I'm in the process of developing a custom theme for the web appbuilder version 1.1.  I am going to customise the FoldablePanel from the Foldable Theme. As Such I have:

 

1. Copied the entire FoldableTheme\panels\FoldablePanel folder to my [CustomTheme]\panels\FoldablePanel directory

2. Added the following to the [CustomTheme]\manifest.json file:

 

    "panels": [{

      "name": "FoldablePanel",

      "description": "This is foldable panel"

    }]

 

3. Added the following to the [CustomTheme]\layouts\default\config.json file:

 

"widgetPool": {

    "panel": {

    "uri": "themes/[CustomTheme]/panels/FoldablePanel/Panel",

    "positionRelativeTo": "map",

    "position": {

      "top": 50,

      "right": 5,

      "bottom": 5

      }

   }

}

 

I can open http://[ServerName]/webappbuilder/?id=stemapp and I can see the foldable panels working in the Foldable theme. However, when I switch to my custom themes and open a widget it loads in the foldable panel but the styles from [CustomTheme]\panels\FoldablePanel\style.css.

 

Any one have any ideas as to what is happening?

 

Regards


Sam

Outcomes