Elen Adarna

Software Engineer
4975 Cambridge Road Miami Gardens, FL 33056
  • me@themepixels.com
  • (032) 1234 567
  • +63012 3456 789

Input Fields

Individual form controls automatically receive some global styling with .form-control class that are set to 100% width by default.

A block of help text that breaks onto a new line and may extend beyond one line.

Input Sizing

Create taller or shorter form controls that match button sizes.

Input Groups

Extend form controls by adding text or buttons before, after, or on both sides of any text-based input.

@
.00
$ .00

Select2 Boxes

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Limit the number of selections

Below is declared with the multiple attribute with maxSelectionLength in the select2 options.

Hiding The Search Box

Select2 allows you to hide the search box depending on the number of options which are displayed by using the value Infinity to the search box.

Tagging Support

Select2 can be used to quickly set up fields used for tagging.

Color Picker

A simple component to select color in the same way you select color in Adobe Photoshop.

Date Picker

The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.

Width Sizing

Set widths by wrapping inputs using column sizes.

Validation States

Includes validation styles for error, warning, and success states on form controls.

Textarea

Form control which supports multiple lines of text. Change rows attribute as necessary.

Button Addons

Buttons in input groups are a bit different and require one extra level of nesting.

Toggle Switches

A lightweight jQuery plugin that creates easily-styleable toggle buttons.

Enhanced Checkboxes and Radios

An enhanced version of some of the html form elements written in less and compiled in css.

Input Masks

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

Time Picker

Easily select a time for a text input using your mouse or keyboards arrow keys.

Dropzone Multi-File Upload

DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews. http://dropzonejs.com/

This is just a demo. Uploaded files are not stored. This does not handle your file uploads on the server. You have to implement the code to receive and store the file yourself.