bloggify / bootstrap-form-builder Goto Github PK
View Code? Open in Web Editor NEW๐ A drag-and-drop form builder for Bootstrap 4.
Home Page: https://bloggify.github.io/bootstrap-form-builder/
License: MIT License
๐ A drag-and-drop form builder for Bootstrap 4.
Home Page: https://bloggify.github.io/bootstrap-form-builder/
License: MIT License
Great job, thanks for sharing! A two column layout would be nice :)
Hello, could you add tools to work with date?
Dragging and dropping several elements leads to errors in Chrome (64.0.3282.140):
[DOM] Found 2 elements with non-unique id #checkboxes-1: (More info: https://goo.gl/9p2vKq) <input type=โ"checkbox" name=โ"checkboxes" id=โ"checkboxes-1" value=โ"2">โ <input type=โ"checkbox" name=โ"checkboxes" id=โ"checkboxes-1" value=โ"2">โ
bloggify.github.io/:1 [DOM] Found 2 elements with non-unique id #radios-0: (More info: https://goo.gl/9p2vKq) <input type=โ"radio" name=โ"radios" id=โ"radios-0" value=โ"1" checked=โ"checked">โ <input type=โ"radio" name=โ"radios" id=โ"radios-0" value=โ"1" checked=โ"checked">โ
Hello,
It may be nice to add a switch on the rendering page, allowing the user to retrieve a JSX version of the rendering html code, like this:
Note: It's not an implementation, it was just added with dev tools inspector ^^ (and text replaced with a text editor)
It would replace the following:
class into className
for into htmlFor
Anything that would avoid JS reserved words really.
EDIT
Also other things to replace are: (the image above does not reflect these)
Have a nice day
Hello, I'm @AshfaqAliZardariOfficial junior software engineer. I see your Repo "bootstrap-form-builder" please add some more features i.e Input Types, Input Attributes, Input Masking, etc...
Thank you!
Best Regards,
github.com/AshfaqAliZardariOfficial
Firstly, thank you for sharing such a wonderful package with us. My issue is accessing the HTML output in the 'Rendered' section via PHP. My goal is to automatically add the HTML output to the theme.
If we cannot access it, is it possible to add fixed HTML codes to the 'Rendered' output? If so, from which file can I access it? I have made modifications in the assets\js\main-built.js file but was unsuccessful. Is there an easier method? I would be very grateful for your help. Have a nice day.
Hey, to create a form like this:
https://codepen.io/abalter/pen/vYeNvEZ
I would need both number input and prepend (or postpend) radio for the things like "$/%".
Is that in the pipeline anywhere?
Thanks!
Is it possible to preload a form or import a form as json or html?
Thanks
I'm having the worst experience getting this app going with .Net Core 3.1 MVC, can someone please point me in the right direction?
https://stackoverflow.com/questions/70731604/bootstrap-v4-form-builder-require-js-errors
add an option on a Drag & Drop Component, to add it to bottom of the form?
(EDIT:) my browser was faulty, on older version of chrome (steam powered)
The ability to auto-increment ID/Name field, would greatly enhance the usability, esp if you can set start number and increment step
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.