Select to view content in your preferred language

Changing css of identify task

733
3
Jump to solution
06-23-2014 06:23 AM
AndrewL
Frequent Contributor
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.
0 Kudos
1 Solution

Accepted Solutions
LuciHawkins
Frequent Contributor
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

View solution in original post

0 Kudos
3 Replies
LuciHawkins
Frequent Contributor
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
0 Kudos
AndrewL
Frequent Contributor
Oh man I can't believe I didn't see that! Thank you. That worked.
0 Kudos
LuciHawkins
Frequent Contributor
Glad to be of some help 🙂

Luci
0 Kudos