New Example:

[gussoler]

I would like an example that demonstrates a responsive form using formly:

Using a json model I created a layout that looks like this:

Your Information	Event	Venue
Full name	name	City
Company	date	Country

It works fine for large/medium screens, but in a smaller screen it is shown as:

Your Information

Event

Venue

Full name

name

City

Company

date

Country

But, I would like to achieve this:

Your Information

Full name

Company

Event

name

City

Venue

City

Country

I tried using fieldgroups, wrappers and templateManipulators in combination with bootstrap, but I can't achieve the latest behaviour.

Thanks in advance for any help!

[kentcdodds]

If you could show me how you would accomplish this using regular html, that could help me know how to accomplish it using formly.

[gussoler]

I think I was wrong, instead of creating a single form, I decided to create three different forms using the same model. With this approach, every time the screen is reduced each field stays grouped with their form, avoiding the "issue" that I reported.

[kentcdodds]

Terrific solution. :+1: