Creating and attaching a formatter

Adding a new formatter

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

Figure 1. Window with a 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 here, you can start editing the artifact and save its new version.

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

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

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

FORMATTER	In this field, 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.

Figure 3. Example of the attached formatter "duzeMaleLitery"