1. Zoter
  2. Forms
  3. Advanced

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

Clock Picker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Default Clock Picker
Auto close Clock Picker
Left Placement
Now time

Colorpicker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Simple mode
Gradiant mode
Complex mode

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 thresholdoption:

All the options

Please note:if the alwaysShowoption is enabled,the thresholdoption is ignored.

Position

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

textareas

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

Datepicker

Examples of twitter bootstrap datepicker.

Default Functionality
Auto Close
Multiple Date
Date Range

Bootstrap Material Datetimepicker

An example of Bootstrap Material DatePicker.

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

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)