Metrica - Admin & Dashboard Template

Form Advanced

Select2 Components

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Single select

Multiple Select

Bootstrap Colorpicker

Most simple example, with any options or color information.

Simple mode

RGB mode

HSL mode

Bootstrap Material Datetimepicker

An example of Bootstrap Material DatePicker.

Default Material Date Picker Default Material Date Timepicker Time Picker Min Date set

Start Date

End Date

Date Range Picker

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

Basic Example

Simple Date Range Picker With a Callback

Date Range Picker With Times

Single Date Picker

Predefined Date Ranges

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:

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'.

All the options

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

textareas

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

Bootstrap TouchSpin

A mobile and touch friendly input spinner component for Bootstrap

Using data attributes

Init with empty value:

Example with postfix (large)

Value attribute is not set (applying settings.initval)

With prefix

Value is set explicitly to 33 (skipping settings.initval)

Dashboard

Apps

UI Kit

Pages

Authentication