Creating and attaching a formatter

Adding a new formatter

To create a new or edit an existing formatter go to the Library and select the tab Formatters. A list of formatters will be shown. 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 opening a specific formatter its content will be displayed in the editor. From this level 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 (you must first select the component).

There are 2 properties available for a component that control the formatter's operation (available in the Interactions):

FORMATTER	In this field you should select the appropriate formatter.
Real-time formatting	Specifies 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 attached formatter "duzeMaleLitery"