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

Custom Cursor for identify

MayJeff

How to add a custom cursor for identify widget? See attached identify cursor. Thank you.

identify_cursor.png

Vind meer berichten getagd met

Accepted answers

omega_cancer

How to add a custom cursor for identify widget? See attached identify cursor. Thank you.

1. Create a .png cursor as you like:

2. Declare

[Embed(source="cursor.png")] private var customCur:Class;

and attach it like this:

 CursorManager.setCursor(customCur,CursorManagerPriority.HIGH,-YourPNGWidth,-YourPNGHeight);

Hope that it will work.

All comments

MayJeff

I found the solution for it. Just use rollOver & rollOut instead of mouseOver & mouseOut.

omega_cancer

[ATTACH=CONFIG]23762[/ATTACH]Thank you all for the help. I also create mouseOver and mouseOut function inside widget template so it can change identify cursor to hand or arrow when you mouse over different icon but I can't figure out how come the resize cursor won't work. See the attached file.

Thanks again.

If you think that these answers were at all help then mark it as answer so that others can get benefit from it. After all we all are trying to create a good forum here and If you have other question post it.
Thanks

MayJeff

[ATTACH=CONFIG]23762[/ATTACH]Thank you all for the help. I also create mouseOver and mouseOut function inside widget template so it can change identify cursor to hand or arrow when you mouse over different icon but I can't figure out how come the resize cursor won't work. See the attached file.

Thanks again.

rcursor.gif

GISDev1

I agree with the above answer, furthermore, to turn off your cursor:

In the widgetClosedHandler, or in whatever function fires after a click if you'd like to de-activate the cursor after one map click, then fire this:

CursorManager.removeAllCursors();

omega_cancer

How to add a custom cursor for identify widget? See attached identify cursor. Thank you.

1. Create a .png cursor as you like:

2. Declare

[Embed(source="cursor.png")] private var customCur:Class;

and attach it like this:

 CursorManager.setCursor(customCur,CursorManagerPriority.HIGH,-YourPNGWidth,-YourPNGHeight);

Hope that it will work.

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.