Material Form Builder

[Asifislam110]

Would it be possible to use https://github.com/formio/angular-material-formio to create form builder? If yes could you please provide some example . I tried below code but throwing exception.

<form-builder [form]="{ components: [] }">

Got it from here https://github.com/formio/angular-formio/wiki/Form-Builder

[travist]

It would require some work to build out the shims for the builder, but yes, it could be done.

Something like this may require either community support or sponsorship for the Form.io team to develop this capability.

[kalodim]

Hi @travist

Could you please provide me guidelines on how I can implement the Material form builder? Would it be something similar with the renderer or no?

Thanks, Dimitris

[ykcycer]

I faced the same need. Could anyone help with implementation? Any advice is welome

[Arashatami]

I faced the same need.

[hyhuu99]

I faced the same need.

[Aghoghomena]

is there any update on the form builder

[travist]

We do not have any current plans to build out this feature. It would be great if the community would assist in this endeavor.

[JRiggenbach]

@travist Any suggestions on what the best approach would be to get started on this?

[travist]

@JRiggenbach if you are looking to contribute the resolution of this, then the best place to start is to first dive into this code to understand how this library overrides the view for the form renderer and then apply that same process to override the view rendering of the form builder (by overriding the render and attach methods). I would go into more detail, but honestly, this work will require you to first fully understand the mechanics of how this library creates a view layer on top of our renderer core to have a material renderer, and to describe that methodology would take a while to post in a comment.

[Mowzey123]

This worked for me I installed angular-formio and added it to imports in app.modules. Then included https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css in my index.html to enforce the styles.

The form-builder is now working as expected in my angular mat project

[DamianSoltys]

Did someone manage to implement form builder with material controls?. Or maybe some more details from you @travist?, how could this be achived based on actual code. It would be huge help for those who want to do that. Thanks :).