Hey you!: | Click Here to reverse the page to RTL mode.

Forms StylesHome Forms Forms Styles

Basic InputAll the basic stuff you use in forms

Basic Inputs

Helpful text here.
#
$
Dropdown Button

PickersA bit more in depth look at the pickers

Time Picker

showMeridian:false
showSeconds:true
modalBackdrop:true, showInputs:false, template:'modal'

Date Picker

readonly=""
viewMode:2

Pickadate Date Picker

class: .pickadate-date
class: .pickadate-time

Color Picker

format:'rgb'
format:'rgba'
format:'hex'

ValidationForms that validate the input and output a warning if it's incorrect

Validation Horizontal

Please fill this form

Validation Inline

Input fields & CheckboxesBasic input fields, checkboxes and radiobuttons

Input fields classes

class="focused"
class="error"
class="warning"
class="success"
disabled="disabled"

Input fields

Input forms

$

Checkboxes and Radios