vue-form-generator: Adding vfg.css breaks styleClasses

When I add the <style src="vue-form-generator/dist/vfg.css"> to my component that wraps VFG I am finding that the styleClasses breaks.

I suspect this is related to the css order and that styleClasses is being added first? Is there ea proper way to include it?

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 17 (9 by maintainers)

Most upvoted comments

@dastiw1 @DontSeeSharp @averagejoe77 PR welcome ! Just a reminder, we are not paid to do this, we are not at your service, and this is an open source project. Please stop expecting things, we are very busy on the next version of VFG and we only have so much time in our life. I would prefer cooperation and thankfulness instead of this condescending attitude some have here. They were no promise or engagement to fix this issue, and if this is such an annoyance for you, you can contribute and are super welcome to do so.

Closing - the suggested code modifications were added in 2.3.0

icebob please change in css .vue-form-generator .form-group to .vue-form-generator .form-group:not([class*="col"])

For Example: `.form-group:not([class*=col]) { width: 100%; } .form-group { display: inline-block; vertical-align: top; // margin: 0.5rem 0.26rem;

// another code here }`