Custom tag and classes for groups not working - getting fieldset as a wrapper
See original GitHub issueHi, thanks for an awesome component!
I encountered a problem with the tag=""
directive and styleClasses
when using groups. Basically they are not working for me. When using tag="div"
non-grouped fields are correctly wrapped in a div, but all groups are still in fieldsets and don’t have styleClasses applied.
I reproduced the issue modifying the demo fiddle (vue@2.2.1, vue-form-generator@2.1.1): https://jsfiddle.net/ianshade/LLfrnequ/2/ Three non-grouped fields are in a div, but the groups below are in fieldsets and don’t have style classes.
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
`role="radiogroup"` on `<fieldset>` element not needed ...
I tried to correct this by using the "Wrapper custom attributes (YAML)" in the Advanced tab under "Wrapper Type and Attributes," (setting it...
Read more ><fieldset>: The Field Set element - HTML - MDN Web Docs
The <fieldset> HTML element is used to group several controls as well as labels ( <label> ) within a web form. Try it....
Read more >Grouping Controls | Web Accessibility Initiative (WAI) - W3C
The <fieldset> element provides a container for related form controls, and the <legend> element acts as a heading to identify the group.
Read more >How to modify attributes of fieldset-wrapper? - Drupal Answers
This time I want to ask how to modify attributes of a <div class="fieldset-wrapper"> . HTML structure of a fieldset is:
Read more >Why do we need a fieldset tag? - Stack Overflow
I looked up some info on W3Schools, which says: The <fieldset> tag is used to group related elements in a form. The <fieldset>...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I released a new version: https://github.com/vue-generators/vue-form-generator/releases/tag/v2.2.0
It looks like the package you are using isn’t up-to-date with the latest code on GitHub.
I’ve updated your JSFiddle and pointed it at the current vfg.js in the repo, and it works as expected.
https://jsfiddle.net/LLfrnequ/3/
Update your package.json to pull VFG from GitHub, similar to this: