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

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.

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.

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

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

Specific masks for inputs.

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

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.

Decimal input mask for mobile

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.

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.

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.