Set Transparency of Windows

791
6
Jump to solution
07-29-2016 10:36 AM
TimHayes1
Occasional Contributor III

I am using WAB DE 2.0. Is there a way to set the transparency of the Legend and Layer List Windows so that when they are first opened they are semi-transparent instead of solid like the default?

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,

  Use :

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

View solution in original post

6 Replies
RickeyFight
MVP Regular Contributor
TimHayes1
Occasional Contributor III

I saw Larrys Custom Widget, but I am looking for something different.

When a user first opens the Layer List or Legend Windows, they are both semi-transparent. Larry's Widget has the transparency manually set by the user.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,

  What theme and where are those widgets located (i.e. on screen widgets or controller widgets)?

0 Kudos
TimHayes1
Occasional Contributor III

Foldable Theme and Controller Widgets

0 Kudos
TimHayes1
Occasional Contributor III

More specifically, I am trying to find the correct section of the CSS Style file to do this in. So far, I have tried background: rgba(76, 175, 80, 0.3) in many locations, and still do not get the default white background of the Layer List Window to be transparent (or even green). I have managed to make a lot of other things green and transparent.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Tim,

  Use :

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