Drag and drop accordions

advanced-prototyping

#1

I’ve just been asked to create something that I’m struggling with. The users need a drag and drop sortable list which I have. What I’m struggling with is on click each one of those dynamic panels needs to expand to reveal some content. So effectively what I need are sortable accordions. Possible?


#2

Yup. It’s pretty straight forward. Just add the dynamic panel you want to expand/collapse into your repeater underneath the “header” widget and hide it. Then set the “header’s” OnClick event to show/hide it with the “Push\Pull” option turned on: Reorderable_Accordions.rp (233.9 KB)

Note: The drag/drop, reorder functionality in the sample project came from here: Reordering and moving rows using repeaters


#3

This is perfect! Thank you!