topic Re: Legend Widget symbol opacity override in ArcGIS JavaScript Maps SDK Questions

Legend Widget symbol opacity override

AnthonyThompsonFWP — Tue, 27 Feb 2024 20:04:36 GMT

Is there a way to override the opacity of a symbol displayed in the Legend widget without altering the layer's opacity? A partially transparent layer's symbol is darkened significantly by a dark widget background when displayed as a symbol in the Legend with our branded dark background.

Thanks!

Re: Legend Widget symbol opacity override

MatthewDriscoll — Thu, 29 Feb 2024 16:00:42 GMT

You need to change the opacity of the class esri-legend__symbol.

Re: Legend Widget symbol opacity override

MatthewDriscoll — Thu, 29 Feb 2024 15:52:38 GMT

Here is a working codepen example. I have the timeout set really high so you will need to wait around 15-30 seconds to see the opacity change on the 4th item in the legend.

https://codepen.io/mbdriscoll/pen/XWQWexm

Re: Legend Widget symbol opacity override

AnthonyThompsonFWP — Thu, 29 Feb 2024 16:00:23 GMT

Thank you for the suggestion and example!