Radio Button Navigation

a.k.a Radio Skip

Attribute: superform-radio-skip = true

Apply to: div, label tag elements that contain the radio button.

Proceed to the next step (by default) or teleport to a specific step in a multistep form by clicking on the div containing the radio button.

Activates validation of step (if there are any validation fields present).

Multiple radio buttons can be grouped together in a wrapper (div or link block) to apply same options for multiple radios.

Addons

⏱️Add superform-radio-skip-delay = duration (in ms) to delay the transition to the next step. Works together with Step Transition Duration

🔮Add superform-goto=stepNumber to teleport to step of choice.

Radio buttons from choices 1-4 are grouped together in one containing wrapper & will take the user to the next step.

Radio with choice no5 is separated because we need to teleport to step number 9.