search

formio / angular-material

JSON powered forms for Angular Material
https://form.io
MIT License
45 stars 39 forks source link

Material Form Builder #24

Open Asifislam110 opened 4 years ago

Asifislam110 commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

Arashatami commented 4 years ago

I faced the same need.

hyhuu99 commented 4 years ago

I faced the same need.

Aghoghomena commented 4 years ago

is there any update on the form builder

travist commented 4 years ago

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 commented 3 years ago

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

travist commented 3 years ago

@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 commented 3 years ago

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 commented 2 years ago

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 :).