Drag and drop Items from one wdget to another

Axure RP 8
1

Hi,

I have a master list of questions (Say 100) with multiple choice answers in a List box (source list box) and I want my users to drag and drop the questions of their choice (say 20) in to another List box (Target List box). Need your suggestion on how to go a head with this.

I’m open if you guys suggest me to use a different widget rather than list box.

Regards,
Naveen

2

List boxes are good if you want to predefine all of your list items in the editor and have the widget in the output match the style of list boxes for that particular browser, but you can’t dynamically remove or add items to list box widgets. Typically when users want to dynamically add or remove data from a widget, they’ll use a repeater widget. If you’ve never used repeaters before, then I would recommend reading through this link:

Repeater Widgets

If you simply want to drag and drop an item from one repeater widget to another, then you could open the repeater with the list of questions, convert the widget with the question text into a dynamic panel panel, and create OnDrag and OnDragDrop events on that widget. The OnDrag would use the action “Move with This”, and the OnDragDrop would add the data from the dragged widget to the second repeater if the widget gets dropped over the area of the second repeater.


Drag and Drop Items.rp (56.7 KB)

1 Like
3

Thanks for the response

4

This works great for what I’m working on. I was wondering how I could use this to be able to drag the options from the right column, back into the left.