Element

Icon

Description

Use the label field to design headers in your form.

Typen/a
Prepopulation

This element cannot be prepopulated.

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

Configuration Options

Use the Attributes panel to edit the form element.

AttributeDescriptionAllowed 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.
Label

Field 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 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")
Symbol Type

Displays 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.
On this Page:

Simple_Form_Example

Click the icon to download a simple example model that shows how you can configure form elements in Scheer PAS Designer.

Related Pages: