Superform by Delta Clan
✨ ClonablesSocialResourcesSuperform Home
v0
v0
  • 🌠Introduction (BETA)
  • 👁️Getting Started
    • Script Installation
      • Cloneable #1
  • 🎼Navigation Attributes
    • Form
    • Step
    • Next Button
    • Back Button
    • Submit Button
    • Radio Button Navigation
    • Step Teleport
    • Point Scoring
    • Dynamic Endings
  • 🔢Progress Attributes
    • Progress Bar
    • Progress Steps
    • Total Steps Label
    • Current Step Label
  • ✅Validation Attributes
    • Validate & Error (must read)
    • Email Validation
    • Characters Count (Min/Max)
    • Words (Min/Max)
    • Checkboxes (Min/Max)
    • Include Characters
  • 🔢MISC. ATTRIBUTES
    • Step Transition Duration
    • Enable Enter/Cmd Enter Navigation
    • Value Recall
Powered by GitBook
On this page

Was this helpful?

  1. Navigation Attributes

Radio Button Navigation

a.k.a Radio Skip

Last updated 2 years ago

Was this helpful?

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.