topic Re: Distance Measurement Component - change initial tool display in ArcGIS JavaScript Maps SDK Questions

Distance Measurement Component - change initial tool display

PeteVitt — Tue, 29 Apr 2025 17:56:53 GMT

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

Re: Distance Measurement Component - change initial tool display

PeteVitt — Wed, 30 Apr 2025 17:29:50 GMT

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

Re: Distance Measurement Component - change initial tool display

Justin_Greco — Thu, 01 May 2025 01:33:38 GMT

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

Re: Distance Measurement Component - change initial tool display

PeteVitt — Thu, 01 May 2025 13:40:38 GMT

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