Page MenuHomePhabricator

Investigate No JS implementation of a multi-step form
Open, LowPublic

Description

Background: We are exploring the possibility of breaking up the flow of registration configuration into multiple steps, since a) the form is quite long and will probably continue to get longer, and b) we will be creating a new optional section for the organizer choose which Participant Questions (if any) they want on their registration form. However, if we break up the form into multiple steps, we don't know if this would still allow those without JS support to configure a registration form. Since we still plan to support no JS users, we would like to explore: How might we implement a multi-step form for No-JS?

Visual examples:

Step 1Step 2Step 3
image.png (2,601×4,624 px, 2 MB)
image.png (2,556×4,624 px, 2 MB)
image.png (2,775×4,624 px, 2 MB)

Fig: sketch of proposed alternative

We can manage the transition between these steps by presenting one step per page or replacing the content of Step 1 with Step 2 when the user clicks the Next button. Or any technically appropriate approach.

Event Timeline

ifried renamed this task from Investigate No JS implementation of a multi-step form to [LOW PRIORITY] Investigate No JS implementation of a multi-step form.Dec 14 2023, 1:45 PM
ifried renamed this task from [LOW PRIORITY] Investigate No JS implementation of a multi-step form to Investigate No JS implementation of a multi-step form.
ifried triaged this task as Low priority.