justinmind-logo
 
Upvote 13

Change cursor style

Completed Victor Conesa 11 years ago

Is there a way to change the cursor style using Justinmind? I want to be able to roll over an area, and have a move/drag icon appear, without any actual functionality.

Replies (17)
photo
1

I'm afraid there is no way to do that yet. But I mark this as a feature suggestion.

photo
1

Thanks for the response, and for marking it as a feature suggestion. I kept staring at Change Style section of the Interactions menu, thinking it had to be there if anywhere. I will find a way of making due for now, and look forward to it possibly appearing in an update!

photo
2

Is there an update on this? This feature request is over 2 years old now.


I'd just like to reiterate that this is a big one (for us, anyway). We're trying to user test drag-and-drop functionality, and the discoverability of the interaction is being artificially hurt by the fact that there isn't a basic cursor change when the user hovers over the draggable elements.


Sure, there are other affordances we can make in the design, but we'd like to avoid those if a simple cursor change will do. Unfortunately, we can't test that because of this particular JIM limitation.

photo
1

There's a workaround for it.


Before user testing, you could add a CSS style to the dragable element or their class using browser developer tools, for example Chrome.


It's not perfect solution but it will let you check the discoverability.


The code to inject will be


cursor: move;


bfc84a8ac624af7109459c8c977c016f

photo
1

About the time that your users start hacking the generated HTML to add missing functionality, that's when someone at JIM could take notice that this is a desirable feature. Please add "Set Cursor" to the available actions.


Thanks!

photo
1

@Dave... EXACTLY.


I already know I can work around these issues by adding CSS or JS after the fact, but we really shouldn't have to.

photo
1

I am also aware that it is possible to download the JustinMind SDK and create plugins and/or widget libraries that could, in theory, implement something like this, but first, I'm gonna need someone at JustinMind to put me on payroll :-).

photo
1

this has to be an easy/basic feature to implement... updating basic css file.

photo
1

Hi Luca,


This feature is already on our development backlog, though there is no concrete date of release at this time.


Best,


Sonia Durán

photo
1

Hey Sonia, any update on this? :) You have a lot of stuff in backlogs for a really really long time.

photo
2

Not yet, but we'll keep you guys posted.

photo
1

Yes, wow, can we please get this added? It seems like a basic addition to actions, but makes a huge difference in communicating microinteractions.

photo
1

Also waiting with bated breath for this to be added! Not a huge deal, but we present our prototypes to the harshest of critics who want everything to be perfect before they will approve development.

photo
1

What they said ^

photo
1

Yes, please add this feature! This is long overdue and a basic feature necessary to convey usability elements to our development team that need to be implemented.

photo
1

Makes drag and drop look silly without changing cursor to hand

photo
1

Hello,

This feature has been added in the newest version of Justinmind.

photo
1

Hi Chloe,

THanks for the update. Is there any documentation on what cursor icon name means what?

photo
1

This also isn't working for grid cells very well as far as I can tell

photo
Leave a Comment
 
Attach a file