Fork me on GitHub

The Forminator

Unleash your Awesome form powers.

The Forminator is an AJAX User Interface builder. You write regular HTML, decorated with a few extra class names and data attributes. The Forminator library then upgrades this markup to a dynamic ajax interface. Their is no templating, and the library makes few assumptions about the structure of your markup allowing for maximum flexibility.

See GitHub for full documentation.

Note that in the following examples, data is not being persisted to the database for security reasons (read only).

Tested in Chrome, Firefox and Internet Explorer 8



Examples



The Full Interface

The Forminator can be used to create a full Create/Read/Update/Delete Interface.

Search

Pages 711

Results 4974

Text Textarea Select Radio Checkbox
Domingo Eaddy Karmen Kirch, Analisa Aumiller, Robyn Reardon, Nick Nolte b a
Delicia Nowacki Alfredia Angle, Alaina Allen b b
Marcie Morra Myong Mclawhorn, Ricky Rojas, Lon Mujica, Jesse Lou b a a,b
vv Mariam Montgomery, Shelly Silvernail, Delicia Nowacki b b a
Laurence Larochelle Fransisca Fauver a a b
Faustina Glessner Lazaro Lockett, Christy Odem, Mariam Montgomery, Lue Lever, Lourdes Levay a b b
Blythe Gritton Maud Mcilvain, In Fullbright, Rocco Shumaker, Demetra Duprey, Lowell Whelan a b



Flexible Formination

If forminator is only supplied a form, it will create a more flexible form interface.

Form



Read Only

Do not inlude a Form for a read only Interface.

Search

Pages 711

Results 4974

Text Textarea Select Radio Checkbox
Domingo Eaddy Karmen Kirch, Analisa Aumiller, Robyn Reardon, Nick Nolte b a
Delicia Nowacki Alfredia Angle, Alaina Allen b b
Marcie Morra Myong Mclawhorn, Ricky Rojas, Lon Mujica, Jesse Lou b a a,b
vv Mariam Montgomery, Shelly Silvernail, Delicia Nowacki b b a
Laurence Larochelle Fransisca Fauver a a b
Faustina Glessner Lazaro Lockett, Christy Odem, Mariam Montgomery, Lue Lever, Lourdes Levay a b b
Blythe Gritton Maud Mcilvain, In Fullbright, Rocco Shumaker, Demetra Duprey, Lowell Whelan a b



Flexible HTML/Style

Forminator aims to make as few assumptions as possible about the structure of your HTML. In this example a list of items is rendered in div's instead of a table.

Search
Text
Domingo Eaddy
Textarea
Karmen Kirch, Analisa Aumiller, Robyn Reardon, Nick Nolte
Select b Radio a
Checkbox
Text
Delicia Nowacki
Textarea
Alfredia Angle, Alaina Allen
Select b Radio b
Checkbox
Text
Marcie Morra
Textarea
Myong Mclawhorn, Ricky Rojas, Lon Mujica, Jesse Lou
Select b Radio a
Checkbox a,b
Text
vv
Textarea
Mariam Montgomery, Shelly Silvernail, Delicia Nowacki
Select b Radio b
Checkbox a
Text
Laurence Larochelle
Textarea
Fransisca Fauver
Select a Radio a
Checkbox b
Text
Faustina Glessner
Textarea
Lazaro Lockett, Christy Odem, Mariam Montgomery, Lue Lever, Lourdes Levay
Select a Radio b
Checkbox b
Text
Blythe Gritton
Textarea
Maud Mcilvain, In Fullbright, Rocco Shumaker, Demetra Duprey, Lowell Whelan
Select a Radio b
Checkbox