Angular Easy form Generator

Generate advanced and unique boostrap forms without typing a single line of code!

angular formly power is now in your hand

YOU will be able to create :

in a matter of minutes!

Design your desired form :

Design a mockup — use a tool or grab a piece of paper

angular easy form generator : design your form

Form layout as lines and columns :

unlimited lines — up to 3 columns

angular easy form generator : lines and columns

Now let's have a try :

Discover easy form generator here

lines

layout

controls

save

Command

Add a new line :

Visual

Command

– Selected line –

number of columns :

{{configuration.lines[configuration.activeLine -1].columns.length}}

Visual

Command

– Apply controls to columns –

Click / Tap on column to open control selection.

Select desired control and valid to apply it to column.

Visual

Command

Customize Submit button Text :

Customize Cancel button Text :

Final Step : form preview

DATA MODEL

{{vm.model | json}}

FIELDS MODEL (ready to save to database one)

{{vm.wfFormFieldsOnlyNeededProperties | json}}

YOUR FORM HTML :
Anyhow your form is complicated your resulting html form remains unchanged :

angular - Easy form generator Website : {{easyFormGeneratorWbesiteVERSION}} — by Erwan DATIN (MacKentoch)