Creating and attaching a formatter

Adding a new formatter

To create a new or edit an existing formatter you must go to the Library module and select the Formatters. A list of formatters will be presented. From this view you can create a new formatter, review the save history, or edit an existing artifact.

Illustration 1. Window with the list of formatters and the context menu of one of the artifacts

Preview / Edit

After navigating to a specific formatter its content will be displayed in the editor. From here you can start editing the artifact and save its new version.

Illustration 2. Formatter editing

Setting formatting for the component

Components supporting formatting

Formatting is available for the following components:

• Text field (Text Field),

• Text area (Text Area),

• Date (Date picker).

Setting a formatter for a component

A formatter can be set in the component properties view (the component must be selected first).

There are 2 properties available for the component responsible for the formatter behavior (available in the Interactions):

FORMATTER	In this field you should select the appropriate formatter.
Real-time formatting	Determines whether formatting occurs after typing the next character (property enabled) or after leaving the field (property disabled). The property is disabled by default.

Illustration 3. Example of an attached formatter "uppercaseLowercaseLetters"