Button
Form elements – Abstract
A button is usually used to trigger behaviour in forms.
A button is usually used to trigger behaviour in forms. The Events (Form designer) 'Click' in combination with the Verhaltensweise 'Static: true' is mostly used to execute Actions directly.
Example:
In addition to its label, each button can have an additional label, which is displayed in the same way as all other form elements. Switching this label on and off controls the alignment with respect to the other elements in the same container:
|
Setting |
Result |
|
|
Column layout
|
|
|
Column layout
|
|
|
Column layout
|
Buttons can additionally represent an icon to provide the user with a better overview of the form:
|
Setting |
Result |
|
|
|
|
|
|
Button colors
The color of a button can be defined using the following CSS classes (section 'Layout'), which directly use the colors from the configured Styles.
|
Class |
lb-primary |
lb-secondary |
lb-warn |
lb-error |
lb-success |
|
Styles property |
primaryColor |
secondaryColor |
warnColor |
errorColor |
successColor |
|
Display example |
|
|
|
|
|
Example of triggering actions
When clicking on a button, a hint should be displayed.
Explanation of the configuration above:
When clicking on the Save button (1), the Behaviour type 'Static: true' (2) directly executes the 'Show hint' action (3).
Result
