topic Re: Look of widgets when placed in a folder in Web AppBuilder Custom Widgets Questions

Look of widgets when placed in a folder

TerryGustafson — Thu, 27 Aug 2015 12:41:32 GMT

I was curious if anyone else has had this problem. I had developed an app in 1.1 and upgraded to 1.2. I have a folder that contains several widgets related to each other.. It seems as though the way it works has changed since I upgraded. The widgets used to be shown when the up or down double arrows were clicked. Now it has a "+" or "-" to expand or contract the specific widget. I liked the old version, how does I revert back? Here is what it looks like now. TIA

Re: Look of widgets when placed in a folder

HerdisGudbrandsdottir — Thu, 27 Aug 2015 13:21:30 GMT

Hi Terry,

Go to in style.css in panels/<panelname> folder of your chosen theme and search for "images/minus.png"

Above it (at least in \themes\FoldableTheme\panels\FoldablePanel) you'll see the old css:

.jimu-foldable-panel .foldable-btn{

}

.jimu-foldable-panel .foldable-btn.folded{

}

So all you have to do is to comment the lines in the css that are setting images of the btn's to plus/minus:

.jimu-foldable-panel .jimu-widget-frame .foldable-btn{

}

.jimu-foldable-panel .jimu-widget-frame .foldable-btn.folded{

}

If your panels style.css does not look like above then do a text search for 'minus.png' and 'plus.png' in the panels style.css to know where to replace them.

Also for some themes only plus/mines png's are in the panels images folder - for those you'd have to copy/paste the double arrow .png's into the folder.

Re: Look of widgets when placed in a folder

TerryGustafson — Thu, 27 Aug 2015 13:27:45 GMT

Sweet, thank you very much!!