Form Advanced

Select2

Single Select

Select2 can take a regular select box like this...

Multiple Select

Select2 can take a regular select box like this...

Date Range Picker

A JavaScript component for choosing date ranges, dates and times.

 

Switch

Here are a few types of switches.

Bootstrap Datepicker

Bootstrap-datepicker provides a flexible datepicker widget in the Bootstrap style.

Input Masks

A jQuery Plugin to make masks on form fields and HTML elements.

e.g "DD/MM/YYYY"
e.g "HH:MM:SS"
e.g "DD/MM/YYYY HH:MM:SS"
e.g "xxxxx-xxx"
e.g "x-xx-xx-xx"
e.g "Your money"
e.g "#.##0,00"
e.g "xxxx-xxxx"
e.g "(xx) xxxx-xxxx"
e.g "(xxx) xxx-xxxx"
e.g "(xx) xxxxx-xxxx"
e.g "xxx.xxx.xxxx-xx"
e.g "xx.xxx.xxx/xxxx-xx"
e.g "xxx.xxx.xxx.xxx"

Bootstrap Touchspin

A mobile and touch friendly input spinner component for Bootstrap. Specify attribute data-toggle="touchspin" and your input would be conveterted into touch friendly spinner.

Bootstrap Maxlength

Uses the HTML5 attribute "maxlength" to work. Just specify data-toggle="maxlength" attribute to have maxlength indication on any input.

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

Satrt displaying the indication when reached to some threshhold. Specift the data attribute threshold. E.g. data-threshold="12"

All you need to do is specify the data attribute placement. The possible positions are left, top, right, bottom-right, top-right, top-left, bottom, bottom-left and centered-right. If none is specified, the positioning will be defauted to 'bottom'. E.g. data-placement="top"

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

Typeahead

Typeahead.js is a fast and fully-featured autocomplete library.

Timepicker

Easily select a time for a text input using your mouse or keyboards arrow keys. Specify attribute data-toggle="timepicker" and you would have nice timepicker input element.

Settings

Basic Settings


Recent Activity

You sold an item Paul Burgess just purchased “Hyper - Admin Dashboard”!

5 minutes ago

Product on the Bootstrap Market Dave Gamache added Admin Dashboard

30 minutes ago

Robert Delaney Send you message "Are you there?"

2 hours ago

Audrey Tobey Uploaded a photo "Error.jpg"

14 hours ago

You sold an item Paul Burgess just purchased “Hyper - Admin Dashboard”!

1 day ago