AnsweredAssumed Answered

Measurement Widget CSS

Question asked by rutkowskima on Sep 10, 2014
Latest reply on Feb 4, 2016 by veena@hosur

In the JSAPI, we are allowed access to alter the icon for the area, distance, and location buttons within the measurement widget. However, I can't change the active, or hover states of the icons.

The active state, has a rounded border, and a white background. I can't seem to change/override the css for these two states. Is there a way to do this? The current widget buttons do not fit within my UI design, and these are the only pieces that are causing me trouble.

 

I think I've located the css in the debugger, but I can only alter it in the debugger and not the :

 

.esriButtonChecked .dijitButtonNode {
background-color: white !important
color: black !important;
border: none;
background: #ededed url("../dijit/images/button-active.png") bottom repeat-x !important;
}

 

Note: I want to override this style, because I want to leverage the esri/dojo libraries from the CDN.

 

Thank you,

Mike

Outcomes