Label

Use the label field to design headers in your form.

n/a

This element cannot be prepopulated.

Refer to Modeling Forms for further information regarding editing of form elements using the context menu.

Name

Technical identifier for data processing and not visible for the end user.

Alphanumercial characters and underscore.

It is not allowed to start the name with a number.

Description

A commentary field for the developer. The content is invisible to users and its sole purpose is internal documentation.

Any string.

Label

Field name shown in the form.

Any string.

CSS Class

Enables a field-acurate layout customization.

A valid CSS class.

Custom Attributes

The attribute is used to activate Angular directives, that are created as development kit (devkit) library to expand the default functionality.

For detailed information about Angular directives, visit the official Angular documentation. For details about the usage of the Custom Attributes, refer to Developing Custom Directives.

• empty attribute

• attribute with value (e.g. color="red")

• multiple entries separated by space (e.g. color="red" multiline max="5")

Style

Click Open label style dialog to open a new window for editing. You can find more information under Sytle Editor.

Any string.

Vertical Alignment

The attribute is used to adjust the position of a form element in context to a bigger neighboring element.

Example: The Radio Button Group Color is much bigger than the Button Next, but the button should be shown at the bottom of the form. Therefore, the button's attribute Vertical Alignment is set to Bottom.

Top

Align the element on top of the element cell (default).

Center

Align the element in the middle of the element cell.

Bottom

Align the element at the bottom of the element cell.

Format

Use this option to change the Text Format.

Available values are:

• Default

• Paragraph

• Header 1, 2, 3, 4, 5, 6

• Quote

Font Family

Use option Font Family to change the font type of your text.

Available values are:

• Default

• Arial

• Arial Black

• ...

• Verdana

Font Size

Use this option to change the Font Size.

Available values are:

• Default

• 8px

• 9px

• ...

• 22px

Use these buttons to format your text:

• Bold (not available for header formats)

• Italic

• Underline

Use these buttons to change the text alignment:

• Left

• Center

• Right

Use this option to change the font color. Click on the box to open the color picker:

Click the color in the square on the top right to select the color.

Save

Save your changes.

Cancel

Discard your changes.