You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Element

Icon

Description

Use the label field to design headers in your form.

Editing

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

Configuration Options

Use the Attributes panel to edit the form element.

Attribute NameDescriptionAllowed Values?
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.
LabelField name shown in the form.Any string.
Style

Click  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.

CSS ClassEnables a field-acurate layout customization.A valid CSS class.
Symbol TypeDisplays the type of the form element in read-only mode.

_

Style Editor

In the Preview area you can format the text.

You can edit:

OptionDescription

Use this option to change the Text Format.

Available values are:

  • Default
  • Paragraph
  • Header 1, 2, 3, 4, 5, 6
  • Quote

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

Available values are:

  • Default
  • Arial
  • Arial Black
  • ...

Use this option to change the Font Size.

Available values are:

  • Default
  • 8px
  • 9px
  • ...

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:

Use the Save button to save your changes.

Use the Cancel button to discard your changes.

Related Pages:

  • No labels