Code Monkey home page Code Monkey logo

bootstrap-form-builder's Issues

2 column layout

Great job, thanks for sharing! A two column layout would be nice :)

Date

Hello, could you add tools to work with date?

non-unique id

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">โ€‹

JSX mode for the rendering page

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:

jsxmode

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)

  1. Remove the comments (they are not welcome in JSX :s)
  2. Add an / at the end of input tags

Have a nice day

Making additions to the rendered output?

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.

Suggested Enhancements

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

  2. The ability to auto-increment ID/Name field, would greatly enhance the usability, esp if you can set start number and increment step

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.