Dear all, I have a pretty long input form in my app where the user gets asked 20+ questions. As I don’t want to have them all on one page (super bad UX) I wonder how I can implement “pagination” in a popup layout?
normally the quick answer would be using a wizard, but those are only user friendly when having multiple pages and multiple pop-ups is the exact opposite of course ^^”
What you could do is play around with conditional visibility.
Start with creating category groups of questions
Create a non-persistent entity with either a boolean per category or an enumeration with values for the categories
place containers within the pop-up per category with the questions you want to show
Use conditional visibility to only show one category at once (starting with the first category)
Have a next button (or an on change action on the fields) that checks what the current step is and activates the next one (switching a boolean or changing the step enumeration) and refresh the object
This should then activate the conditional visibility
Et Voila, you have a small wizard within a pop up
I hope this gives you some inspiration, feel free to comment what you think