Text Input Objects

Extends appearance of the forms standard Text input objects (input type text & textarea).

Usage

To apply this feature, add the .input-extended class to the form input object. Extended inputs has 100% width of his parent form or output object. If you want the input should have automatic width add the .input-auto class. Extended input objects also has 3 size modifiers. For large size add the .input-lg class, for small size add the .input-sm class, for tiny size add the .input-sx class.

Examples:

Standard Text input

Extended Text inputs

Extended Textarea

All other settings can be managed by editing parameters in the file variables.less (see section "Settings for EXTEND.LESS").

This page has been viewed: 876 time(s)