Howdy all!
I’m helping someone through a tricky interaction in a high fidelity usability testing prototype. I’ve nested a dynamic accordion card inside a repeater, and when I attempt to expand/contract the accordions: I get a really jumpy/delayed push/pull on the widgets below. I’m hoping for a more “polished” interaction before we show this to our user group.
It works great outside the repeater, but we also need to be able to sort/filter the card array and I know the repeater is the best for this. Am I missing a setting or a better animation property for the open/close?
Sorry if this is a known question, but I did several searches for “Repeater accordion”, “repeater animations”, and “dynamic panel inside repeater” and I couldn’t find anything.
Here it is on Axshare.
And here is the file: demo.rp (80.4 KB)
Howdy!
The reason it’s choppy is that it is first animating the dynamic panel change and then half a second later firing your move command. The repeater doesn’t react until the change in size of the item is complete - so the items below don’t move until everything else has finished. If you look closely you’ll see your content sliding in, but it all happens behind the repeater item below it.
I have a suggestion - it’s not silky smooth but it’s a bit smoother than what you have. It changes the size first without an animation and then slides your content in. I also took it out of a dynamic panel so that when you add your onItemLoad interactions you won’t have to set text on two sets of widgets.
For hiding, I took the animations out altogether as I couldn’t find a way to make it work without the choppy interactions you noted.
If you don’t like it, no harm, no foul - but I would feel comfortable using the attached for my own usability tests 
demo_rev.rp (70.6 KB)
1 Like
Hey, that seemed to fix it. I put a quick “Wait” action before applying the slide and it worked.
Thanks so much!
You’re welcome! Happy user testing