Elements Forms

[vc_row][vc_column width=”1/2″][vc_column_text]

Input Sizing

[/vc_column_text]

Input Groups Sizing

Email*

Email*

Email*

Email*

Email*

Email*

Large Size with buttons

[mango_dropdown_button with_text class:btn class:btn-custom class:dropdown-toggle "Information" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[mango_dropdown_button without_text class:btn class:btn-custom3 class:dropdown-toggle "Danger" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]
[mango_dropdown_button with_text class:btn class:btn-custom2 class:dropdown-toggle "Information" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[/vc_column][vc_column width=”1/2″][vc_column_text]

Input Groups

[/vc_column_text]

Email*

Email*

Email*

[vc_column_text]

Input Groups (Custom check and radio)

[/vc_column_text]

with Button

[mango_button button_nm "send!"]
[mango_dropdown_button with_text class:btn class:btn-custom2 class:dropdown-toggle "Information" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[mango_dropdown_button with_text class:btn class:btn-custom3 class:dropdown-toggle "Danger" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[mango_dropdown_button with_text class:btn class:btn-custom class:dropdown-toggle "Custom" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

More Button Styles

[mango_dropdown_button without_text class:btn class:btn-custom class:dropdown-toggle "Info" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[mango_dropdown_button without_text class:btn class:btn-custom3 class:dropdown-toggle "Warning" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]

[mango_dropdown_button without_text class:btn class:btn-custom2 class:dropdown-toggle "Danger" "Action,#" "Another action,#" "Something else here,#" "Separated link,#" ]
[/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Textarea

[/vc_column_text]

Your Comment
[/vc_column][vc_column width=”1/2″][vc_column_text]

Disabled Inputs

[/vc_column_text]

Email*
Email*
Email*
Email*
[/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Checkboxes and Radios

[/vc_column_text]

Default Checkboxes and Radios

Inline Checkboxes and Radios


[/vc_column][vc_column width=”1/2″][vc_column_text]

Custom Checkboxes and Radios

[/vc_column_text]



[/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Default Selects

[/vc_column_text]

[/vc_column][vc_column width=”1/2″][vc_column_text]

Custom Selects

These custom selects requires jquery.selecbox.css - jquery.selectbox.js  file.[/vc_column_text]

Country*

Country*
[/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Custom Spinners

These custom spinner requires jquery.bootstrap-touchspin.min.js file.[/vc_column_text]

[/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Input Group Status

[/vc_column_text]

[/vc_column][vc_column width=”1/2″][vc_column_text]

Input Group Status (With Icon)

[/vc_column_text]

[vc_column_text]Help Text: A block of help text that breaks onto a new line and may extend beyond one line.[/vc_column_text][/vc_column][/vc_row]

Leave a Reply