CUNY Academic Commons

(I say this as someone with, like, 15 positions)

Making them reorderable is a significant task. Probably 4-6 hours.

I think we need to do it. Otherwise, it's random based on the order in which they were entered.

You can already delete individual positions. In edit mode, you should see a red x by individual positions.

Aha -- thanks. Sorry I missed that.

A quick second request for this: https://cunycommons.uservoice.com/admin/forums/35103-general/suggestions/4335426-make-it-possible-to-edit-positions-in-new-profil

Works beautifully! The only problem for me was that I didn't realize that I'd have to click on the gray bar to move the position (tried instead to grab the white space between College and drop-down). Any thoughts about a way to either 1) make the whole thing draggable, or 2) give a visual cue that one should grab the gray bar to reorder?

bumping this to Boone for a response to my testing feedback

Hi Boone. We can certainly implement as is and iterate for a future version. But to be clear, my questions had less to do with misclicking than with ensuring that people know where to click in order to drag the field. My suggestion was (or was supposed to be) that the left side of the box have some visual cue (a texture, an icon) that would indicate "draggability" on a visual level.

. But to be clear, my questions had less to do with misclicking than with ensuring that people know where to click in order to drag the field. My suggestion was (or was supposed to be) that the left side of the box have some visual cue (a texture, an icon) that would indicate "draggability" on a visual level.

Yes, I understood that but didn't respond very clearly. My thoughts on visual cues are that none are necessary. The draggable area for positions is very similar to that for the widgets themselves, and at most it takes a few seconds of guessing to try dragging using the draggable area. If you disagree and would like something added, please let me know what it is.

Hi Boone --

what about the solution proposed here - http://ux.stackexchange.com/questions/45457/how-do-you-indicate-an-element-is-moveable-by-keyboard-arrows - ie., changing the cursor to a cross-cursor when it is over the draggable area to indicate that drag and drop is possible? That seems like a reasonable solution to me.

To address Matt's concerns and keep it consistent I suggest:

1. Style it with the same stripes as on the sections.
2. change the cursor style to cursor:move;

Overall I think this works well. It's pretty intuitive. I have a one more usability observation:

when I added a new position it scrolled back to the top and I had to scroll back down to work with it. Perhaps an event.preventDefault(); is needed?