ihabsoliman / bootstrap-form-builder Goto Github PK
View Code? Open in Web Editor NEWThis project forked from minikomi/bootstrap-form-builder
Web app for drag drop building bootstrap forms.
License: MIT License
This project forked from minikomi/bootstrap-form-builder
Web app for drag drop building bootstrap forms.
License: MIT License
Hi
I am using angular and bootstrap and this tool to create the forms. What would be great is the possibility to clone/copy a created input filed. Because I use angular translate I have input files with name like {{'EMAIL' | translate}} etc. That would save me some time.
BR, Rene
When exec'ing the parse.rb ruby file, it raises a number of syntax errors in the yaml files. I have been through these files and fixed them (as I am adding further options). How do I upload the original files with the fixes applied?
Regards,
Peter
PS: Thank you for a great piece of work (original author and yourself). Its a neat little tool for form code generation and has already saved me a bucket of time... kudos guys..
I've successfully updated Bootstrap, Underscore (to Lo-Dash Underscore build on their dev repo), Require.js & RequireJS text to their latest, & Backbone to 1.0.0 (1.1.* didn't seem to work). Took a while, but a friend told me about Browserify being better to compile & update dependencies.
What do you think is better?
https://github.com/nghuuphuoc/bootstrapvalidator#bootstrapvalidator
Pros:
Cons:
This is not a "should/need" request, more open to discussion. I'll play with it more this week, & can report findings & prep for a PR if you wish.
Or perhaps you have another solution that is better?
I'm using a lib that needs dot.nested.objects name
attributes. But dot.notation makes bad CSS ID selectors (I could \
escape the CSS, but I don't want to torture the poor PhotoShop choppers ;).
I tried to remove the dots but couldn't hack in the code :/ So I separated name
from id
:
"id": {
"label": "ID",
"type": "input",
"value": "filebutton"
},
"name": {
"label": "Name",
"type": "input",
"value": "name.val"
},
Works so far, but I hacked the JSON & not YAML, plus all the default values for name
is "name.val". I can PR after yours if you wish.
Improvements: on a fully default component template, editing ID, Name, or Label Text will auto-fill the other 2.
I built the BS4 version here: https://github.com/Bloggify/bootstrap-form-builder
Live: https://bloggify.github.io/bootstrap-form-builder/
Hope you will enjoy it and it will be helpful.
Thanks for the amazing work!
Happy holidays!
Hi,
I see in "issues" that you were trying to accomplish what I also need. I need user to save the form to database and re-edit if needed.
please let me know if you got this done.
Thanks...Q
Is it possible to align elements side by side in horizontal way ? Currently there is no way to put two input box side by side
I was just wandering did someone already did that rewrite, and i was gonna start to do it.
Thanks a lot.
There is only one issue for me, it seems hard to place the element over the drop zone, can you make it bigger?
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.