Color Switcher

Thema Advanced Components

Thema advanced components.

General Form Helpers

Note: works in Chrome, Firefox, Opera and IE10.

Just add class to your textarea textarea-expandable to use this feature.

Just add class to your textarea autosize-normal to use this feature.

Just add class to your textarea autosize-animated to use this feature.

Input Pickers

Just add class date-picker in your text box to show the date picker
Just add class time-picker in your text box to show the time picker
Just add class color-picker-hex in your text box to show the color picker for hex
Just add class color-picker-rgba in your text box to show the color picker for rgba

Tags Input

Just add id inputag-1 in your text box to initialize the tagsinput
Just add id inputag-2 in your text box to initialize the tagsinput
Just add id inputag-3 in your text box to initialize the tagsinput
Just add id inputag-4 in your text box to initialize the tagsinput

For more info just visit here of there official website.


File Input

Select file Change
image
Select image Change Remove
NOTE! Attached image thumbnail is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 10 only

Wysiwyg Editor

Just add this element <div class="summernote"></div> to add wysiwyg in your form

Date Range

February 19, 2015 - March 19, 2015

Select2 - Replacement for select

Switches

IOS SWITCH

Sizes

Colors


FORM FLIP TOGGLE

Sizes

Colors


Iconic

Note: Only font awesome font are allowed on this feature.

This is the attribute that you need to add in your toggle data-on="&#xf164;" data-off="&#xf165;". But you need to find first the hexa value of the font you want to add in font awesome css file.


Other Switch Input

Checkbox Toggle Switch
Radio Toggle Switch
Checkbox Toggle Switch Colors
Radio Toggle Switch Colors

Rating Stars













Autocomplete using typeahead


Form Tooltips

Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information
Some helpful information

INPUT SLIDERS

Squared slider

Circled slider


Multi Select

Basic

Grouped Options and Labels



Searchable Options


Input Mask

999-99-999-9999-9
999 99 999 9999 9
999/99/999/9999/9
192.168.110.310
4deg:1340:6547:2:540:h8je:ve73:98pd
99-9999999
(999) 999-9999
$ 999,999,999.99
dd/mm/yyyy
dd-mm-yyyy