Thema Admin Boostrap Template

Color Switcher

Thema Admin

## Thema Advanced Components

Thema advanced components.

## General Form Helpers

Input with autocomplete
Note: works in Chrome, Firefox, Opera and IE10.
Textarea Expandable

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

Normal Textarea Autosize

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

Animated Textarea Autosize

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

### Input Pickers

Date Picker
Just add class `date-picker` in your text box to show the date picker
Time Picker
Just add class `time-picker` in your text box to show the time picker
Color Picker Hex
Just add class `color-picker-hex` in your text box to show the color picker for hex
Color Picker RGBA
Just add class `color-picker-rgba` in your text box to show the color picker for rgba

### Tags Input

Basic
Just add id `inputag-1` in your text box to initialize the tagsinput
Tagsinput with typeahead
Just add id `inputag-2` in your text box to initialize the tagsinput
Objects as tags
Just add id `inputag-3` in your text box to initialize the tagsinput
Categorizing tags
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

Default
With Input
Without input
Select file Change
Image Upload
Select image Change Remove
NOTE! Attached image thumbnail is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 10 only

### Wysiwyg Editor

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

### Date Range

Default
Date Range with Timepicker
Single datepicker
Custom Ranges
February 19, 2015 - March 19, 2015

### Select2 - Replacement for select

Select list
Multiple select
Remote Data

### 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

Web Notification Mobile Notification Email Subscription Show Birthdate

##### Radio Toggle Switch

Daily Weekly Monthly

##### Checkbox Toggle Switch Colors

Web Notification Mobile Notification Show Birthdate Email Subscription Show Birthdate

##### Radio Toggle Switch Colors

Daily Weekly Monthly Semi-yearly Yearly

### Rating Stars

Basic usage
Font Awesome Stars
Font Awesome Beer

RTL Support

### Autocomplete using typeahead

Basics
Prefetch Example
Remote data Example
Templating Example

### 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

Regular slider (0)
Range slider (75 - 300)
Step slider (0)

#### Circled slider

Regular slider (0)
Range slider (75 - 300)
Step slider (0)

### Multi Select

#### Basic

#### Grouped Options and Labels

#### Searchable Options

### Input Mask

ISBN 1
999-99-999-9999-9
ISBN 2
999 99 999 9999 9
ISBN 3
999/99/999/9999/9
IPV4
192.168.110.310
IPV6
4deg:1340:6547:2:540:h8je:ve73:98pd
Tax ID
99-9999999
Phone
(999) 999-9999
Currency
$ 999,999,999.99
Date
dd/mm/yyyy
Date 2
dd-mm-yyyy