Cannot set opacity for graphicslayer

Question

Hello

I've added a graphicslayer. and a button.

var g = new GraphicsLayer();  // g is global variable: i can use this everywhere

mymap.add(g);

Button code

g.opacity = 0.5;

but nothing happening. i can see layer opacity as 0.5 on developer tools (f12) console but im seeing layer on 1 opacity.

Thanks.

rscheitlin · Answer

When you initialize a GL with a certain opacity in the constructor that opacity is used for all features in the GL. If you do not specify a opacity in the constructor then the only way currently to change the opacity of graphic(s) in the GL is to specify the alpha in the Graphics symbology.

MKF62 · Answer

I am encountering a similar problem. I have not yet found a solution. I allow users to choose the opacity of my FeatureLayer via radio button, and then if they click a polygon, I create a new graphic from their selected polygon (hitTest) and set the symbol to be a blue outline. I add that graphic to a GraphicsLayer. Unfortunately, the graphic inherits the opacity from the FeatureLayer even if I set the opacity to something different on the GL. GraphicsLayer takes on opacity from FeatureLayer I have tried both gl = new GraphicsLayer({opacity: 1});‍‍ and gl.add(graphic); map.add(gl); gl.opacity = 1;‍‍‍‍‍‍ I have also tried setting the opacity on the actual graphic symbol: color: [56, 247, 247, 1]‍ None of it works.

TubaKumbara · Answer

Robert,

GL has many graphics which has different opacity. I've got one numberbox component for layer opacity. So i can't apply same opacity to all graphics. Some graphics needs to different opacity.  I think this is a bug and hope fix as soon as possible.

Thanks.