Forge

Easily set up graphical representations of data for your Web Responsive applications.

Easily set up graphical representations of data for your Applications.

Custom Input Masks uses a javascript library which creates an input mask. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, currencies, numbers, phone numbers, emails, urls ... Using input masks you’ll get better and more consistent data, and it will be a lot easier for your users to read and enter that data.

Define masks for specific inputs.

The date picker which normally comes out of the box does not allow us to deselect any dates by default. In this project you will be able to set any date to disable any date which is less than entered date. This  component is useful in following case: User should not be allowed to select any date which is less than current date. For example when setting a deadline for a project or due date for a task, this widget can be useful

<span>Masks for form inputs</span>

Use this component to automatically resize a textarea while the user types

Allows you to choose a mask of your choosing to mask your input widget

Specific masks for inputs.

An input device consisting of a set of keys that are typically numeric and arranged in a grid, as on a cell phone or calculator.

The Web Patterns "Input With Icon" component with a placeholder to put any element you need by the side of the input.

Triggered Mentions allows you to turn an Input widget into a Facebook-like (or Trello-like) system that lets you use the "@" sign (or any other special symbol) to bring up an inline auto-complete system.

Input Mask for Reactive applications based on https://github.com/RobinHerbots/Inputmask

Shows a list of options in a dropdown that match what the user types on an input widget (auto complete). Extended version of Outsystems RichWidget "Input_AutoComplete" with helpful extra features.

Tagify allows you to create a customizable tag input with as few variables as possible.

A simple to use time picker widget which also includes a clock and works with the native clock picker for mobile.

superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder.

Decimal input mask for mobile

This component allows to place pre-defined tags in an input. If the cursor is placed in the input, the tag will be inserted at the cursor's position. There are two different Blocks. One for normal input, another one for CKEditor.

Canvas based;
No png or jpg sprite;
Touch, mouse and mousewheel, keyboard events.

See more: http://anthonyterrien.com/knob/

This component lets you use different date formats on your input calendar.