nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Distance Measurement Component - change initial tool display

PeteVitt

Hi - is there any way to change the initial display for the Distance Measurement 2D Component to use an icon (like the default calcite measure-line icon) instead of the large button labeled 'New Measurement'? I've tried specifying the icon in the html markup like below, but I still get the 'New Measurement' button on my map. The map on my application is fairly small so I don't have a lot of real estate for the big button

<arcgis-distance-measurement-2d position="top-right" icon="measure-line"></arcgis-distance-measurement-2d>

https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-distance-measurement-2d/

Thanks

Pete

MeasTool.jpg

Find more posts tagged with

Accepted answers

Justin_Greco

That icon property just controls the icon when the component is inside an expand component. It doesn’t affect the new measurement button.

All comments

PeteVitt

Thanks Justin - so it sounds like I just need to put the meas tool inside an expand component to get the behavior I want

Justin_Greco

That icon property just controls the icon when the component is inside an expand component. It doesn’t affect the new measurement button.

PeteVitt

I see that the Distance Measurement 2D widget has not been deprecated yet: https://developers.arcgis.com/javascript/latest/components-transition-plan/

maybe this is why the icon property isnt working for the component?

Pete

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.