legoform generate form egostye


Live Demo.


  • JQuery.

You want to generate form with very dynamic parameters?

You care about performance?

You want to manage the form data, style, labels, values, placeholder and others from one place?

Form Inputs types:

  1. input
  2. select
  3. textarea

How its work?

we have a JSON file contain every thing you need, here is a sample of field:

{ “id” : “missin_name”, “element_type” : “input”, “fname” : “mission_name”, “ftype” : “text”, “class” : “”, “js” : “”, “value” : “”, “style” : “”, “default_value” : “”, “placeholder_txt” : “Mission Name”, “label” : “”, “req” : “req” }

so here is the parameters lists:

1. Field/Element ID (id): the field id.
2. Field/Element Type (element_type): to parse field/element type
3. Field/Element Name (fname): field name.
4. Field/Element Input Type (ftype): Input Type
5. Widget Class (class): element type.
6. Widget Javascript (js): element script.
7. Widget Value (value): element value.
8. Widget Style (style): element inline style.
9. Widget Default value (default_value): Default value.
10. Widget Placeholder (placeholder_txt): element placeholder text.
11. Widget Label (label): label before the field element.
12. Widget Required (req): parse field reuired.

Its Easy Peasy.

Call Plugin:
$("button.fg-create_mission").LegoForm({JsonName: 'json/form_data.json'});

Please not that this project is part product of LegoStyle CSS framework, the framework still beta version but LegoForm can use it immediately with all of trust.


Githup: LegoForm

Live Demo.


Share your opinion with us at

Leave a Comment