topic Re: Layerlist Widget Popup Opacity Question in ArcGIS Web AppBuilder Questions

Layerlist Widget Popup Opacity Question

BrianDevine — Mon, 22 Jun 2020 23:39:16 GMT

I am having an issue with my layerlist widget background being slightly transparent. I would like to set the background opacity for the widget to 100% so that the map cannot be seen behind the layer selection.

I'm using WAB dev ed + the foldable theme. I've looked through the widget documents to try to find a setting for this, but am having trouble locating it. Can anyone point me in the right direction? The only transparency settings I can find seem to be for the individual layers.

Re: Layerlist Widget Popup Opacity Question

RobertScheitlin__GISP — Tue, 23 Jun 2020 12:16:56 GMT

Brain,

What theme are you using. The default foldable theme does not have any opacity to the widgets background...

Re: Layerlist Widget Popup Opacity Question

BrianDevine — Tue, 23 Jun 2020 12:31:02 GMT

Hi, Robert. I am using the foldable theme. All the widgets show up 100% opaque except for the layer list. I am using the widget in the header controller, and have multiple layer lists grouped. As I switch between themes for testing, it looks like the transparency/reduced opacity is visible in some other themes, as well.

Some other widgets I'm using in the header controller that don't have this issue are:

- Basemaps

- Add Data

- Your popup panel widget

- Earth

- Legend

I'm using Dev Ed v2.16.

Re: Layerlist Widget Popup Opacity Question

RobertScheitlin__GISP — Tue, 23 Jun 2020 13:03:41 GMT

Brain,

OK it has to do with the fact that you are grouping layerlist widgets. There is a css rule that you need to change. To do this in your apps themes\FoldableTheme\common.css add this rule:

.jimu-panel {

background-color: white;

}

Re: Layerlist Widget Popup Opacity Question

BrianDevine — Tue, 23 Jun 2020 13:35:33 GMT

Thank you, sir. That did the trick. I never would have figured that out on my own.