[en][ca][es]

How it works?

Introduction

Instead of annoying form builder, you have to write your form in plain text

See the following example:

    [row]
        [inline][col2]nom[/col2][col4][edit][/col4][/inline]
        [inline][col2]mail[/col2][col4][edit][/col4][/inline]
    [/row]

produces the following form

Form 1 example

Layout

Rows
A row contains 12 columns [row] ... [/row] Create a new row
Columns
[coln] ... [/coln] where n is from 1 to 12 creates a column with n/12 size (like in bootstrap)
example
[row][col2]field1[/col2][col-4][edit][/col4][/row]
form column example
Inline fields
[inline] ... [/inline] text and fields are set inline instead of creating one line for each
example
[inline] field1 [edit] field2 [edit] ... fieldn [edit][/inline]
form inline fields example

Form Controls

edit
[edit] ask user for any short text
[edit name="name"] optional you can set any name
[edit required] this field is mandatory
[edit required email] this field has to be an email
form edit example
text
[text] ask user for any long text
[text name="name"] optional you can set any name
[text required] this field is mandatory
text area example
combo
[combo options="option1|*option2|option3"] ask user to choose an option using a combo box
Use * at the beginning of the default option
form combo example
radio
[radio options="*option1|option2|option3"] ask user to choose an option using radio buttons
Use * at the beginning of the default option
form radio vertical example
[inline][radio options="option1|*option2|option3"][/inline] put inside an inline to make the radios horizontal
form radio horizontal example
date
[date] ask user to choose a date
form date example

Advanced

You can use HTML in your form!

You have Bootstrap included so you are free to use it! More information about Bootstrap