How to create a multi-step form component in relume

At a glance

A community member is working on their first project with Relume and is having trouble with the multi-step form component. They need a 3-step form instead of the default 4-step form, so they edited the component in Webflow. However, they are now facing issues with the radio buttons not working properly. Another community member provided a solution, suggesting the addition of Finsweet input active attributes to the project to fix the radio button issue. The community members also shared a preview link and a published site link to help troubleshoot the problem.

Useful resources

VVirginia

Hi Lumers! Working on my first project with relume and don't get how to make the multi step form 17 component work...I just need 3 steps, not 4. I implemented the component from the library to webflow and edited (deleted the last "step") it in webflow

5 comments

MMatt Johnson

@Virginia Would you mind sending a read-only link?

VVirginia

Great, Grazie! Sure, here you go @Matt https://preview.webflow.com/preview/kagerer-cab9b5?utm_medium=preview_link&utm_source=[…]5&preview=f96913ee1c8887b359d20a7240467069&workflow=preview

VVirginia

Ciao @Matt I figured out thow to throw out one step from 4 to have a 3-step-form but one thing I cant get fixed are the radio buttons...they just don't seem to work? I published the site: https://kagerer-cab9b5.webflow.io/

LLuis Alfredo Ponce

Hi @Virginia I’m looking for a solution to the same problem you mentioned. Did you manage to fix the radio buttons? Mine aren’t working either.
Thanks

MMatt Johnson

Apologies for missing this - you'll need to add the finsweet input active attributes to your project to make the radio buttons work properly.
https://finsweet.com/attributes/input-active

More on Formly here:
https://www.relume.io/resources/docs/how-to-use-formly-with-relume

Add a reply

Community forum for knowledge and support

How to create a multi-step form component in relume