Forge

This component features the most commonly used chart types to easily generate visual representations of data in Traditional Web apps.

This component features the most commonly used chart types to easily generate visual representations of data in Reactive Web and Mobile apps.

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

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

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

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

Specific masks for inputs.

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

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

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

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

Input Masks uses a javascript libraries which creates an input mask.

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

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.

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

Full implementation of the Google Places Autocomplete widget provided by the Places Javascript API. This enables applications to send queries as the user types, to provide on-the-fly place predictions as well as details for a selected place, while mapping all the library classes to OutSystems structures.

An easy and lightweight way to restrict characters in a input text field

An input widget to select multiple options from a large list of items.