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

ArcGIS JS 4.5 Change Cursor On Map Drag

MalcolmGruber

I'm looking for a way to change the cursor on map drag and prevent ArcGIS from overriding it. Currently we're changing the cursor with CSS and this works for everything except for when we drag the map. ArcGIS overrides that and we're not sure where that is happening.

Vind meer berichten getagd met

Accepted answers

ThomasSolow

Try setting your CSS rule on view.surface rather than view.container.

ie view.surface.style.cursor = "pointer";

All comments

MalcolmGruber

That totally worked! We saw an answer similar, but setting the "data-cursor" property and that didn't work.

ThomasSolow

Try setting your CSS rule on view.surface rather than view.container.

ie view.surface.style.cursor = "pointer";

RobertScheitlin__GISP

Well that is what I thought.

Maybe Thomas will have an idea.

TSolow-esristaff‌

MalcolmGruber

We have done that, but it doesn't seem to make any difference.

RobertScheitlin__GISP

The API internally changes the cursor. I have not tested but have you tried to add a !Important on the css rule?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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