Community forum for knowledge and support

Updated 9 months ago

The Formly + Relume multi-step form builder issues

At a glance

The community member is having issues with the radio buttons in a multi-step form built using Formly and Relume. The radio buttons have a default state that cannot be removed or changed, and they do not click or show an active state. The community member tried changing the states in the Designer but had no luck. Another community member suggests including the Finsweet Attributes "Input active state" script in the < head > code to fix the issue. The community members confirm that this solution works and discuss why Formly's documentation does not mention this requirement. The community member also mentions that Relume is working on a detailed document explaining how to use Formly with Relume.

Useful resources

I'm having #C02MS2V0FSP with The Formly + Relume Multi-step form builder.

  1. The radio buttons have one that is in default state and I cannot seem to find how to remove that or change the one that's in default state.
  2. The radio buttons don't even click. They just stay the way they are, there is no active state. I tried changing states in the Designer... no luck. What am I doing wrong? There is nothing in @formly's docs either that I can see....

Any help is appreciated!!

M
N
6 comments

I'm in the middle of writing a doc on exactly this.

Which multi-step form component is it?

I found a similar bug on Mult-Step Form 36.

As for active state, you'll need to just include the Finsweet Attributes "Input active state" script in your <head> code and you should be good.<br /><br /><a target="_blank" rel="noopener noreferrer" href="https://finsweet.com/attributes/input-active">https://finsweet.com/attributes/input-active</a>

Oh, interesting! So I need both the formly code AND Finsweet code in my <head> code ?? Is that right? Wow, that is nice. I'm testing now.

Boom baby – worked like a charm! Thank you! So weird why wouldn't Formly mention that at all in their video or docs..?

well the reason formly doesn't mention it at all is because Formly makes some assumptions about how you build your form. At Relume, we've married the two together so Formly probably won't ever have docs on it but we are actively working on one right now that will explain the marriage in detail. You had beaten me to the punch by about a week!

since you bumped this - the doc mentioned above is now live! https://www.relume.io/resources/docs/how-to-use-formly-with-relume

Add a reply
Sign up and join the conversation on Slack