Avenger Admin Theme

2
10
3

# Form Components

## Basic Form Elements

Simplest Input
Password Field
Input with Placeholder
Disabled Input
Read only field
With pre-defined value
With max length
Popover Input
Tooltip Input
Select Box
Disabled Dropdown
Multi-select Box
Inline Radio
Option 1 Option 2 Option 3
Radio
Option one is this and that Option two can be something else
Inline Checkbox
Option 1 Option 2 Option 3
Checkbox
Option one is this and that Option two can be something else
Textarea
Autogrow Textarea

Textbox auto grows as you type!

Fullscreen Textarea

## Custom Checkboxes and Radio Buttons

### iCheck

Super customized checkbox and radio buttons that are backward compatible and appears identical in both desktop and mobile.

### Minimal Skin Default - Customized for Avenger

Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow
Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow

### Flat Skin

Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow
Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow

### Square Skin

Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow
Red
Green
Aero
Blue
Grey
Orange
Pink
Purple
Yellow

## Bootstrap Switches

Switch Mini

Switch Small

Switch Default

Switch Large

Default Colors

Disabled States

With Icons

## Toggle Switches

Switchery Mini

Switchery Small

Switchery Default

## Input Groups

Before Text Field
@
After Text Field
.00
Both
$ .00
Checkbox
Radio
Buttons instead of text
Buttons with Dropdowns
Segmentded Dropdown

## Autocomplete

A fast, full-featured, autocomplete library can prefet data, search that data on the client, and then falling back to the server. Powered by Twitter Typeahead.

Autocomplete

Type in a name of a state!

## Advanced Select Boxes

Dropdown with Search
Select with Multiple

Select2 also supports multi-value select boxes. The `select` above is declared with the `multiple` attribute. Select2 automatially picks up on this

Minimum Input

Supports a minimum input setting which is useful for large remote datasets where short search terms are not very useful

Infinite Scroll with Remote Data

The selectbox has AJAX/JSONP support built in. In this example we will search for a movie using Rotten Tomatoes API. When result-list is scrolled to an end, more results are lazy-appended

Tagging Support

Quickly set up fields for tagging

## Tokenfield

Advanced tagging/tokenizing plugin for input fields with a focus on keyboard and copy-paste support.

Using jQuery UI Autocomplete
Using Twitter Typeahead
Parse Emails

## Select Options

### Multi-Select

Drop-in replacement for standard `select` with multiple attribute activated.

Multiple Select
Multiple Select with Search and Group select

### Chained Select Boxes

Chained is simple chained `select`s plugin. Use class based version if you do not want to make external queries. A separate version that supports remote selects from AJAX queries is also included.

Chaining Selects using class

## Card

### Card A better credit card form

Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

Card Number
Full Name
Expiry
CVC

## File Input

File input group
Remove Select file Change
File input button
Select file Change ×
Image Upload Widgets
Remove Select imageChange
Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.

## Touchspin

A mobile and touch friendly input spinner component for Avenger. It supports the mousewheel and the up/down keys.
With Postfix
With Prefix
Vertical Buttons Alignment
Vertical Buttons (Custom Icons)

#### Sparkline Stats

- Earnings
  $22,500
- Orders
  4,750

More Sparklines

#### Recent Activity

- Jean Alanis invited 3 unconfirmed members 2 mins ago
- Anthony Ware is now following you 4 hours ago
- Bruce Ory commented on Dashboard UI 16 hours ago
- Roxann Hollingworthis now following you Feb 13, 2015

See all activities

#### Milestones

UI Design
12/16
UX Design
8/24
Frontend Development
8/40
Backend Development
24/48
See All

#### Contacts

- Jeremy Potter
- David Tennant
- Anna Johansson
- Alan Doyle
- Simon Corbett
- Polly Paton

See All
Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors

Sidebar Colors
Boxed Layout Options