Layoutkomponenten

Spalten

You can use the Columns component to display other components in line, grouping them as columns.

Beim Konfigurieren des Parameters Größe haben Sie die Möglichkeit, die gewünschte Bildschirmbreite für die Anzeige der Spalten mithilfe von Bootstrap-Rasterklassen auszuwählen:

• xs – Telefone (weniger als 768px)

• sms – Tablets (gleich oder größer als 768px)

• md – kleine Laptops (gleich oder größer als 992px)

• leg – Laptops und Desktops (gleich oder größer als 1200px)

• xl – Große Monitore (gleich oder größer als 1200px)

  

• Column Properties - add columns to the component and configure them, by adjusting their Width, Offset, Push and Pull properties. After configuring the columns' layout, you can drag and drop other components into the Columns component.

• Auto adjust columns - automatically adjusts columns, if there are hidden nested components.

Bereich

You can use the Panel component to group components and add them inside a named panel.

• Theme - choose the theme of the panel from the dropdown list. The Bootstrap class is added to the wrapper div.
• Collapsible - allows you to collapse the panel.
• Initially Collapsed - the property is available only when Collapsible is checked. Collapses the panel when the form has loaded.

Tabelle

You can use the Table component to create a table that holds other form components inside the columns and rows of the table.

• Anzahl der Zeilen/Spalten – Geben Sie die Anzahl der Zeilen oder Spalten ein, die in der Tabelle angezeigt werden sollen.
• Clone Row Components - clones the components inside rows and adds them in the remaining rows, too. You can use it when creating tables with multiple rows, that contain the same content.
• Cell Alignment- choose the horizontal alignment of the cells in the table.
• Striped - adds striped shading to rows.
• Bordered - adds visible borders to the table.
• Hover - highlights row when hovering the mouse over it.
• Condensed - condenses the size of the table.

Registerkarten

You can use the Tabs component to group components into tabs. When the form renders, you can view one tab at a time.

The Tabs setting allows you to add, configure, reorder, and remove tabs.