ihabsoliman / bootstrap-form-builder

Web app for drag drop building bootstrap forms.

Hi there 👋

🔭 I’m currently working in @form3tech and my work profile is @ihab-soliman-form3

bootstrap-form-builder's Issues

Add possiblity to copy created input text element

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

align elements side by side in horizontal way

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

update libs or Browserify?

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?

Syntax errors in the yaml files --> ../assets/js/data/yaml

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..

Save to database & re-edit - were you sucessful?

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

Ensure `id` attribute is CSS-friendly

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.

You read my mind

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?

Bootstrap 4

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!

add BootstrapValidator?

https://github.com/nghuuphuoc/bootstrapvalidator#bootstrapvalidator
Pros:

• I really like the use of color & optional icons & prompts to ensure form is filled out right. Almost like a game; encouraging & fun to fill out forms.
• Repo manager is open to PR, & quick to respond.
• decent selection of validation rules & rules are modular
• good docs & examples

Cons:

• not instant to use server-side; very tied into jQuery right now
• validation rules are incomplete; few non-US rules
• will take some extra HTML markup, & perhaps an extra config file

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?

Support for sub-fieldsets (subitems)

Would this be possible?

I would like to see support for sub categories fieldsets where you can sort, add subitems within a box.

Thanks.