Easy Form Generator : Drag and drop way

This is currently in development (BETA).

It may change so I can't tell you this will look like the same when released.

 go github

How to :

  • expand a group of control (left column)
  • drag controls from left column then drop into right column
  • drag and drop controls within right column to re-order controls
  • drag and drop lines of controls within right column to re-order lines
  • right click controls (right column) to edit and customize it
  • Check your form anytime (preview tab - upper right)

  Drag control from here :

  •   Blank :
  •   Headers :

    • Header

    • SubTitle
  •   Text inputs :

    • Description

    • Description

    • description
  •   Textareas :

    • description

    • description
  •   Radios :

    • description
  •   Checkboxes :

    • description
  •   Selects :

  Drop control into here :

  •  

    Customize form buttons

    DATA MODEL 

												[]

    FIELDS MODEL (ready to save to database one) 

												[
  {
    "className": "row",
    "fieldGroup": []
  }
]

    Save this form

Easy form generator : 1.1.0 — Erwan DATIN (MacKentoch)