search

McNull / angular-form-gen

Design Bootstrap based form schemas for AngularJS in a drag and drop WYSIWYG environment.
MIT License
135 stars 81 forks source link

No margins between fields #20

Closed daniel-van-niekerk closed 8 years ago

daniel-van-niekerk commented 8 years ago

All my fields have 0 bottom margin and are directly on top of each other, like when you don't wrap your fields in bootstrap form-groups.

Any ideas? Thanks!

mmaask commented 8 years ago

Check your CSS import order perhaps?

daniel-van-niekerk commented 8 years ago

I have the bootstrap stylesheet loading first, then the template I'm using's custom stylesheet and then angular-form-gen's stylesheet. All other forms I have looks correct and the schema editor's css looks normal. Only the form generated in the rendered directive looks like that.

I'm not familiar enough with this project to really know where to look for the problem, like which css should handle the bottom margin for the fields.

mmaask commented 8 years ago

Well Chrome dev tools shows perfectly what CSS is used. Investigate that. Also I'd suggest getting one of the forks instead as some have fixed that kind of problems already, also supporting latest Angular versions etc.

On 10 January 2016 at 20:13, Daniel van Niekerk notifications@github.com wrote:

I have the bootstrap stylesheet loading first, then the template I'm using's custom stylesheet and then angular-form-gen's stylesheet. All other forms I have looks correct and the schema editor's css looks normal. Only the form generated in the rendered directive looks like that.

I'm not familiar enough with this project to really know where to look for the problem, like which css should handle the bottom margin for the fields.

— Reply to this email directly or view it on GitHub https://github.com/McNull/angular-form-gen/issues/20#issuecomment-170376630 .

daniel-van-niekerk commented 8 years ago

Thanks Vaelyr, you helped me in the right direction. It turned out my template had custom css that set fieldset .form-group to have a bottom-margin of 0px. Everything is working as it should now.