topic Re: Changing css of identify task in ArcGIS JavaScript Maps SDK Questions

Changing css of identify task

AndrewL — Mon, 23 Jun 2014 13:23:12 GMT

Hello,

I have an Identify task and I am using this example: http://developers.arcgis.com/javascript/samples/find_popup/

Is it possible to change the opacity of the result? Currently fill-opacity is set to 0.25 and color is yellow. When I click inspect element:

path[Attributes Style] { fill: rgb(255, 255, 0); fill-opacity: 0.25; stroke: rgb(255, 0, 0); stroke-opacity: 1; stroke-width: 2px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; fill-rule: evenodd; }

I want the opacity to be 0.10.

I have added the following to my css, but it does not override the 0.25 opacity.

   path[Attributes Style] {   fill: rgb(255, 255, 0);   fill-opacity: 0.10;     }

I have added code to my css to change the size of the esri popup, so I am guessing it is possible. This works:

   .esriPopup .sizer {   width: 200px;    }

Thank you.

Re: Changing css of identify task

LuciHawkins — Mon, 23 Jun 2014 15:04:38 GMT

The results should be getting their symbols from:

var popup = new Popup({
          fillSymbol: new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
            new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
              new Color([255, 0, 0]), 2), new Color([255, 255, 0, 0.25]))
        }, domConstruct.create("div"));

If you change the color, etc. there in the code you should see a difference.

Thanks,

Luci

Re: Changing css of identify task

AndrewL — Mon, 23 Jun 2014 15:35:26 GMT

Oh man I can't believe I didn't see that! Thank you. That worked.

Re: Changing css of identify task

LuciHawkins — Tue, 24 Jun 2014 14:39:40 GMT

Glad to be of some help 🙂

Luci