@@include("partials/main.html") @@include("partials/title-meta.html", {"title": "Form Advanced"}) @@include("partials/head-css.html") @@include("partials/body.html")
@@include("partials/menu.html")
@@include("partials/page-title.html", {"pagetitle": "Forms", "title": "Form Advanced"})

#### Select2

A mobile and touch friendly input spinner component for Bootstrap

Single Select
Multiple Select
Search Disable

#### Colorpicker

Examples of Spectrum Colorpicker.

Simple input field
Show Alpha
Show Palette Only
Toggle Palette Only
Show Initial
Show Input And Initial

#### Bootstrap MaxLength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text.

Default usage

The badge will show up by default when the remaining chars are 10 or less:

Threshold value

Do you want the badge to show up when there are 20 chars or less? Use the `threshold` option:

All the options

Please note: if the `alwaysShow` option is enabled, the `threshold` option is ignored.

Position

All you need to do is specify the `placement` option, with one of those strings. If none is specified, the positioning will be defauted to 'bottom'.

Textarea

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.

#### Datepicker

Examples of twitter bootstrap datepicker.

Default Functionality
Auto Close
Multiple Date
Month View
Year View
Date Range

#### Bootstrap TouchSpin

A mobile and touch friendly input spinner component for Bootstrap

Using data attributes
Example with postfix (large)
With prefix
Init with empty value:
Value attribute is not set (applying settings.initval)
Value is set explicitly to 33 (skipping settings.initval)
Vertical button alignment:

#### Css Switch

Here are a few types of switches.

##### Example switch

##### Square switch

@@include("partials/footer.html")
@@include("partials/right-sidebar.html") @@include("partials/vendor-scripts.html")