topic Re: Measurement Widget in ArcGIS JavaScript Maps SDK Questions

Measurement Widget

jaykapalczynski — Thu, 31 Jul 2014 18:53:17 GMT

I am using the example for the measure widget Measurement | ArcGIS API for JavaScript‌

I am taking it out of the Title pane and setting the color to white. ALTHOUGH the text on the drop down that denotes (Acres, Sq Ft etc) stays BLACK

How can I change that drop down text to WHITE

Thoughts?

<span style="font-size:smaller;padding:5px 5px;">Press <b>CTRL</b> to enable snapping.</span>

#measurementDiv{

color: white;

}

Re: Measurement Widget

TimWitt2 — Thu, 31 Jul 2014 19:19:48 GMT

Try this and see what it does:

 .dijitMenuItem TD{
        color: white;
    }

Hope this helps!

Re: Measurement Widget

KenBuja — Thu, 31 Jul 2014 19:24:48 GMT

If I ever want to see the css and html for an object, I use Chrome's Developer tool called "Inspect Element" by right-clicking on an object.

In the example below, I inspected the text element and added a new color to the .dijitButtonText (highlighted in yellow) to change the color of the text.

Re: Measurement Widget

TimWitt2 — Thu, 31 Jul 2014 19:26:50 GMT

Ken is right, with my code you will only change the color of the dropdown text, which you probably want to change as well.

Re: Measurement Widget

TimWitt2 — Thu, 31 Jul 2014 19:36:33 GMT

Ken,

I just realized that this will change the color of all button text.

Write it like this so only the button text for the measure will be changed:

   #measurementDiv .dijitButtonText {
        color: white;
    }

Tim

Re: Measurement Widget

KenBuja — Thu, 31 Jul 2014 19:51:53 GMT

Good catch, Tim!

Re: Measurement Widget

jaykapalczynski — Thu, 31 Jul 2014 20:33:21 GMT

Im trying that with the Developer Tools and not getting to where you are....wonder what I am doing wrong

I thank you both for your thoughts....going to add that CSS, but really trying to figure out how you got to that in your image...I cant seem to get there.

Re: Measurement Widget

KenBuja — Thu, 31 Jul 2014 20:45:54 GMT

You have to make sure the mouse is directly over the object you want to inspect. Sometimes it's difficult to get the right object, depending on how everything is laid out.

Re: Measurement Widget

jaykapalczynski — Fri, 01 Aug 2014 13:18:16 GMT

Thanks Ken....was able to see that now...very useful....