Upvote 1

Dragging the cursor to select multiple elements?

Answered Adavis ● ago

How to prototype a user clicking and dragging the cursor to select multiple elements like in the attached file? Thanks.

Files:

Replies (1)

Danielle Schneider ●

Check out the attached example. It's a little complicated, but here's how it works:

The Selector itself is a Rectangle with transparency. It's set to 100% transparency when nothing is selected.
When you start dragging the Selector Rectangle, it will move to the position of the cursor and change the transparency to 80% so it's visible
When dragging the Selector Rectangle, it will resize according to the position of the cursor minus the position of the Selector Rectangle
When you stop dragging, 1 of 7 Dynamic Panels will be set as active. Each contain one version of the possible selections you can make - i.e. all of the options are selected, only the middle, top, bottom etc.

Let me know if you have any questions.

Files:

Adavis ●

Thank you, Danielle! This was exactly what I was looking for.