Comments (8)
Correct, it's not exposed on the main entry point.
You can do require('forms/lib/tag')
, but it's not really intended to be consumed outside the module.
from forms.
I suppose my followup question is this: Is there a way to implement section headers or separators for different parts of the same form? The tag functionality didn't work as I thought it might, since it's treated as a form element and not a separate entity. Is there a better way to natively create just a plain div in the middle of different inputs?
from forms.
I achieved such a div through a custom HTML field/widget, only way to do it I think.
Would like to wrap up all of the custom fields I've created at work and make a PR of it so that we can improve the workflow for creating custom fields and widgets, but so far unfortunately haven't had time yet. Is that something that would be of interest?
from forms.
That would be great, or at least a PR to show how you would create such a widget. I'm at a loss as to how to do it.
from forms.
Yes, a custom widget would do it.
@voxpelli As far as PRring custom fields into this module, that would depend on the specific module. I'm happy to review a PR but I can't promise any of them would make it in without reviewing them first.
from forms.
@voxpelli Were you ever able to do a PR? Or could you post your code for the widget here? :)
from forms.
Sort of a hacky way of doing this, but it's better than nothing. I created a label
widget that did not correspond to any other input element, and supplied the content I wanted.
Test_Tag: widgets.label({
classes: ["form-section-header"],
content: "User Information"
}),
From there, you can customize the appearance of the header however you want with the form-section-header
CSS class. This is effectively what I needed. :)
from forms.
I finally got this released as the html
field here: https://github.com/Sydsvenskan/node-forms-utils#fields
from forms.
Related Issues (20)
- Browser bundle is very large HOT 7
- Bound form does not have form.handle HOT 3
- Is it possible to add an HTML markup element? HOT 2
- How to create a form with an array of inputs HOT 4
- Wrong POST for multipleCheckbox? HOT 3
- Promise / async/await support HOT 12
- "Placeholder" attribute for text-based inputs HOT 5
- Use WHATWG URL for url and email validation HOT 10
- Form with only boolean fields does not validate successfully HOT 2
- simple checkbox HOT 1
- build broken due to ecstatic? HOT 3
- npm audit issue associated with async lib <= 2.6.2 HOT 1
- Nested forms drawn field by field lose their full names HOT 3
- Disabled attribute HOT 1
- Strange solutions HOT 2
- Add a Promise API side-by-side with the callback API of .validate() HOT 2
- GHSL-2020-356: seeking security contact for your project HOT 2
- Caolan form missing datetimelocal
- Cut a new release? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from forms.