Skip to main content
Skip table of contents

Button

Element

Icon

Description

Buttons are necessary to leave a form and access the next process step.

Type

Boolean

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.

Attribute

Description

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

Read-only

This field is write-protected. When you use the option, Read-only is added to the bottom right of the element:

readOnly_inputField.png

true

User cannot enter values.

false

User can enter values (default).

Primary

The button will be highlighted in blue to distinguish it from other buttons. Use this attribute to indicate to the user that this button is the default button.

true

Button is highlighted.

false

Button is not highlighted (default).

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.

example_form_alignment.png

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.

_

Simple_Form_Example

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

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.