x-ediable

Auto Open Next
Open Inline
Simple text field {{username}}
Empty text field, required {{firstname}}
Select, local array, custom display {{sex}}
Select, remote array, no buttons {{group}}
Select, error while loading Active
Datepicker {{vacation | date}}
Combodate (date) {{combodate}}
Combodate (datetime) {{event | date: "YYYY-MM-DD HH:mm"}}
Textarea, buttons below. Submit by ctrl+enter {{comments}}
Checklist

Sliders

Smart Scale Slider
noScale Slider
JQuery UI Slider
Usage
<input data-slider-min="10" .. /> data-slider-orientation="vertical" // vertical or horizontal data-slider-step="1" // increment step data-slider-min="10" // slider min value data-slider-max="500" // slider max value data-slider-value="315" // handler position on slider data-slider-selection = "after" // handler position on slider data-slider-handle="round" // round or square data-slider-tooltip = "show" // show or hide

Bootstrap Duallist Box

Plugins & Enhancers

Select 2
Usage: <select style="width:100%" class="select2" ">...</select>
Usage: <select multiple style="width:100%" class="select2" >...</select>
Date Picker (Jquery UI)
Bootstrap Timepicker
Clockpicker
Spinners
Color Pickers
Tags

All Masking

USAGE: <input type="text" data-mask="99/99/9999" data-mask-placeholder= "-">

Input Masking made easier!

Data format **/**/****

Data format (XXX) XXX-XXXX

Data format ****-****-****-****

Data format ***-***-***-***-***-***

Data format 99-9999999

JS Knob

JS Knob Input