Skip to content
This repository has been archived by the owner on Nov 13, 2024. It is now read-only.

Material Form Builder #24

Open
Asifislam110 opened this issue Jan 13, 2020 · 11 comments
Open

Material Form Builder #24

Asifislam110 opened this issue Jan 13, 2020 · 11 comments
Labels
enhancement New feature or request

Comments

@Asifislam110
Copy link

Asifislam110 commented Jan 13, 2020

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 travist added the enhancement New feature or request label Jan 14, 2020
@travist
Copy link
Member

travist commented Jan 14, 2020

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
Copy link

kalodim commented Mar 4, 2020

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
Copy link

ykcycer commented Mar 19, 2020

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

@Arashatami
Copy link

I faced the same need.

1 similar comment
@hyhuu99
Copy link

hyhuu99 commented Jul 3, 2020

I faced the same need.

@Aghoghomena
Copy link

is there any update on the form builder

@travist
Copy link
Member

travist commented Sep 23, 2020

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
Copy link

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

@travist
Copy link
Member

travist commented Dec 11, 2020

@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
Copy link

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
Copy link

DamianSoltys commented Jun 23, 2022

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

10 participants