Layout (form components)

The layout component allows you to structure other components. Note: Layouts alone do not create a displayable form. At least one other component must be present.


images/download/attachments/169635728/cc13-version-1-modificationdate-1712114558663-api-v2.png


(1) Will be entered automatically.

(2) Further CSS properties can be inserted via the context menu. Some are already selectable:

Template

Attribute

Description

Hide label

hide-label

If true, the layout will get no label.

Height

height

Height of the layout in pixels. Example: 600px

Red background

background-color

Background color of the layout (here red, but can be adjusted). Example: var(--lumo-error-color-50pct)

Add border

border

Adds a border to the layout. Example: 1px solid var(--lumo-contrast-20pct)

Example


The example configured above would look like this in the open form.


images/download/attachments/169635728/Komponenten_Layout_Beispiel-version-1-modificationdate-1712114558668-api-v2.png