Type anywhere to search
logo

forms

Getting started

One of the most underestimated elements of design is typography. However, it’s critical in both print and web media. We Made it Perfect in both.


VIA senior product manage
for UI/UX at REVOX

Option #one
Pages default style
Option #two
Traditional Standard Style
e.g. "Mona Lisa Portrait"
e.g. "Mona Lisa Portrait"
e.g. "[email protected]"
e.g. "[email protected]"
e.g. "[email protected]"
Form Options
Form Controls

Adding on top of existing browser controls, Bootstrap includes other useful form components. Add text or buttons before or after any text-based input. Do note that select elements are not supported here.





Pages
Size options
Pages default control sizes

Input form element sizes on defualt pages design, These are highly customizable. You can either chose the default or you can select Standard input elements

Standard control sizes
Checkbox controls
Color Options

Our very own image-less pure CSS and retina compatible check box. These check boxes are customized and aviable in all boostrap color classes


Shape Options

Bored with traditional boxed shape check boxes? Here is a circle one simply add the class .checkbox-circleto change it


State Options

These act the same way as normal HTML check boxes. Here are some states that



Toggle controls
Color Options

Pure CSS radio button with a cool animation. These are available in all primary colors in bootstrap


State Options

Use of different color opacity helps to destigues between different states such as disable


Slide Toggle

A cool iOS slide toggle. These are cutomize for all boostrap colors


Dropdown Controls

We've simplified our dropdown buttons by getting rid of the dedicated dropdown associated with them, this looks more clean and also available in all different colors




The button will be automatically sized according to the visible content size. Make sure there is enough room for the hidden content to show

Simple dropdowns

These are highly customizable dropdowns that come with search option for use to search

Multi select

Fancy multiselect option box. Customized for the anypreference


Typehead

You the following input will give suggestion as you type, you can fetch your list from an external data source.




A useful feature in this typehead is autofill as you type

Supporting Different Styles

Supports both attached form layouts and also traditional input text fields

Advance Options

Want to customize how the data is display, you can do that too with tyephead custom templates


Date Controls
Simple Date Picker

Date picker is powered by boostrap date picker, this is customized in way that it suites our theme and design, Have a look!



Date Range

Date range can be set by the same plugin, this is use full when taking two dates at a time


to


Advance Settings

Some advance setting that you can do with this calender, like to start from years an disable sections of dates


Input helpers
Input masks

These assure the user will never enter invalid phone no, email or anything that has a pattern even without validations


e.g. "25/12/2013"
e.g. "(324) 234-3243"
e.g. "23-4324324"
e.g. "432-43-2432"
Input autonumeric

Do you forget small things? here is something that helps to automatically placed forgotten dollar signs, decimal places and even comma separates and many more!


e.g. "53,000.00"
e.g. "45.000,00"
e.g. "$45.50"
e.g. "0 - 9,999"
WYSIWYG editors
Summernote
Hello Summernote
Tag Input

Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link.


Drag n' drop uploader
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
21st april 2014 2:13am

Press enter to search

suggestions :

Pages Search Results

ice cream on pages

via john smith

T
ice cream related topics

via pages

ice cream music

via pagesmix

ice cream on facebook

via facebook

Tweats on ice cream

via twitter

Circles on ice cream

via google plus