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; } } }

Change mouse pointer image for Measurement widget

berniejconnors

We have upgraded from WAB to ExB but many users are complaining about the shape of the mouse pointer during measurement operations. I can see why they are complaining. The fat lines in the cross obscure the point you are trying to click on (snapping is not an option):

How hard is it to customize the shape of the pointer in the measurement widget? I would prefer something like this:

Thanks,

Bernie.

Find more posts tagged with

Accepted answers

Jeff.Thompson@arlingtontx.gov_arlingtontx

The process would go something like this:

Turn the Measurement Widget into a Custom Widget.
Find the function that fires when the measurement starts and add a CSS cursor property. You might be able to add it to the DOM node that contains the Map, but there might be a re-render issue with that. Applying it to the HTML or body class should be stable. Alternatively, you might be able to change the cursor directly in the Widget, but I expect this is controlled on the backend by the API.
Find the function that stops the measurement and remove your cursor property.

All comments

Jeff.Thompson@arlingtontx.gov_arlingtontx

There is no support for Custom Widgets in ArcGIS Online. You will need to create an application in Developer Edition and host it on your own web server.

berniejconnors

We currently publish all of our ExB apps through AGOL. Is it possible to register and use a custom widget with ExB apps hosted in AGOL?

Jeff.Thompson@arlingtontx.gov_arlingtontx

If you are on ArcGIS Enterprise 11.X or higher, you can register and use a Custom Widget in your Enterprise Portal. You will still need Developer Edition to create and compile the Widget.

berniejconnors

Thanks @JeffreyThompson2. We currently do not use the Developer Edition of ExB. But I recently heard it is possibl to have a custom widget without deploying the Developer Edition. Have you attempted this?

Jeff.Thompson@arlingtontx.gov_arlingtontx

The process would go something like this:

Turn the Measurement Widget into a Custom Widget.
Find the function that fires when the measurement starts and add a CSS cursor property. You might be able to add it to the DOM node that contains the Map, but there might be a re-render issue with that. Applying it to the HTML or body class should be stable. Alternatively, you might be able to change the cursor directly in the Widget, but I expect this is controlled on the backend by the API.
Find the function that stops the measurement and remove your cursor property.

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.