Set Transparency of Legend Window in WAB DE

[TimHayes]

I am using WAB DE 2.4. In what file do I change the transparency setting in the Legend Window? Where is this file?

[RobertScheitlin__GISP]

Tim,

Are you talking about the whole widget or just the legend contents?

[TimHayes]

By default the background inside the Legend Window is solid white. I want to change the transparency of this white space. Just cannot seem to locate the file in which to do this. 

[RobertScheitlin__GISP · Accepted solution]

Tim,

  Add these two css rules to the Legend widgets style.css file:

.jimu-widget-frame.jimu-container {
    background-color: rgba(255,255,255,0.3);
}

.jimu-panel {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
}‍‍‍‍‍‍‍‍

Adjust the 4 alpha property as desired.

[PayelMallick]

There are Legend widget in both server folder and stem app folder. The changes are not reflecting

[RobertScheitlin__GISP]

Payel,

  Change in the stemapp folder only apply to new apps for existing apps you have to make the change in the server\[app#]\widgets\Legend folder. Once you make the change refresh your browser (and it is sometimes necessary to clear your browsers cache).

[Mina]

Hi Robert,

When I tried adding your code to the specific widget's style.css, the transparency only appears when moving the panel window (I'm using the Jewelry Box theme).  How can we make the transparency appear right when the widget panel is opened without the need to move it? Also, this transparency effect is added to all the floating widgets even though I only changed the css for one specific widget.  By the way, I'm using WAB Dev 2.11. I appreciate your feedback!

[RobertScheitlin__GISP]

Mina,

  I am not aware of any css rule you could apply to make this specific to just the legend widgets panel.

[Mina]

Robert,

OK, how about making the transparency of the panel appear without having to move the panel window?  In this case, if we just open the widget, it's not transparent unless you move the panel window. Thank you!

[RobertScheitlin__GISP]

Mina,

   I do not see that issue on my end, unless I am using a organizational theme color.