A drag-and-drop form builder for Bootstrap 4.
There are few ways to get help:
Have an idea? Found a bug? See how to contribute.
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
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
enhancement help wantedDragging 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, 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
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
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!
enhancementUpdate docs and licence year. :rocket:
Source code(tar.gz)Fix typo
Source code(tar.gz)Remove navbar completely
Source code(tar.gz)Initial release
Source code(tar.gz)bootstrap-validate A simple Form Validation Utility for Bootstrap 3, Bootstrap 4, and Bootstrap 5 for Humans. ?? Support us with Developer Merchandise
JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi
Digispark_Overmaster Digispark Overmaster : free IDE TOOL allows to create and edit Digispark Scripts by the drag and drop technique,with cool GUI and
DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using
To-do List A to-do list app This app let you to set your own to-do list. Built With HTML CSS JavaScript WebPack Jest Live Page Page Link Getting Start
DEPRECATED This project is no longer maintained, please consider using react-grid-layout instead. GridList Drag and drop library for a two-dimensional
Sortable Sortable is a JavaScript library for reorderable drag-and-drop lists. Demo: http://sortablejs.github.io/Sortable/ Features Supports touch dev
Fancytree Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkb
JavaScript Project to Manipulate DOM Elements DFlex A Drag-and-Drop library for all JavaScript frameworks implementing an enhanced transformation mech
Visual Argo Workflows Live demo The goal of this project is to make it easier for everyone on a team to construct and run their own workflows. Workflo
Demo Features Drag-n-drop for list items in the same pane and between different panes 3 modes: move block, copy block, embed block Automatic reference
GraphDoc Introduction GraphDoc is a web-application that has been developed on behalf of the Maastricht Law & Tech Lab, which is part of Maastricht Un
Nested Sort Nested Sort is a vanilla JavaScript library, without any dependencies, which helps you to sort a nested list of items via drag and drop. U
Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you
PaperFreeForm PaperFreeForm is a Free Form Builder to save trees and create beautiful forms. Easy online form builder that works like a doc. Just add
Throw out pop-ups confirming the submission of form! A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for dro
FormGear is a framework engine for dynamic form creation and complex form processing and validation for data collection. It is designed to work across
138 Jan 2, 2023
3 May 18, 2022
4 May 3, 2022
14 Jan 3, 2023
5 Nov 14, 2022
5 Nov 18, 2022
7 May 5, 2022
3.6k Dec 14, 2022
26.1k Jan 5, 2023
2.6k Jan 9, 2023
1.5k Jan 8, 2023
38 Dec 22, 2022
92 Dec 26, 2022
16 Dec 28, 2022
40 Dec 7, 2022
14 Feb 10, 2022
5 Feb 24, 2022
35 Aug 24, 2022
91 Dec 27, 2022