How to change the design of the form builder and end user form?

[gauravmak]

Hi,

Great work with the package.

I tried to dig a bit deeper and found that there are a few CSS frameworks supported by formio.js

That's the only option correct?

[dxnter]

dynamic-forms currently only officially supports Bootstrap 5 on versions > v1.0.0. Bootstrap 4 can be used on versions < v.0.15.1, however.

While I personally have not tried using alternative CSS frameworks, it might be possible with some modifications after a fresh installation. Be mindful that some files in dist/ reference Bootstrap classes, so those would need to be adjusted.

Apart from the supported frameworks listed on the Form.io site, changing the entire design of the form builder and rendered forms is a pretty substantial task since it requires creating custom templates for all components and the form builder components (e.g. Semantic UI templates)

If you're just looking to make minor adjustments to certain components or portions of the form builder, check out the guide for overriding templates.