Element

Icon

Description

Use the grouping element to arrange other form elements that belong together. You can use the grouping element to break up the grid of the form editor for example to arrange several form elements next to a single field in one line. It can also be used to move and reuse whole sections.

Deletion Behavior of Grouping Elements

If you delete a grouping element, it is erased from your work area including all content.

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.
HeaderIn this field you can enter a title.Any string.
Show HeaderThe header can be displayed or hidden. true If this option is activated, the element's header will appear in the top row.
falseIf this option is disabled the name will not be displayed.
Number of ColumnsForm elements can be arranged in several columns according to selection.


One to six columns.

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