topic Re: ArcGIS JS 4.5 Change Cursor On Map Drag in ArcGIS JavaScript Maps SDK Questions

ArcGIS JS 4.5 Change Cursor On Map Drag

MalcolmGruber — Tue, 05 Dec 2017 22:52:29 GMT

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.

Re: ArcGIS JS 4.5 Change Cursor On Map Drag

RobertScheitlin__GISP — Tue, 05 Dec 2017 23:15:38 GMT

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

Re: ArcGIS JS 4.5 Change Cursor On Map Drag

MalcolmGruber — Wed, 06 Dec 2017 16:17:46 GMT

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

Re: ArcGIS JS 4.5 Change Cursor On Map Drag

RobertScheitlin__GISP — Wed, 06 Dec 2017 16:41:17 GMT

Well that is what I thought.

Maybe Thomas will have an idea.

TSolow-esristaff‌

Re: ArcGIS JS 4.5 Change Cursor On Map Drag

ThomasSolow — Wed, 06 Dec 2017 16:46:54 GMT

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

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

Re: ArcGIS JS 4.5 Change Cursor On Map Drag

MalcolmGruber — Wed, 06 Dec 2017 22:08:38 GMT

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