> For the complete documentation index, see [llms.txt](https://docs.premsoft.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.premsoft.de/en/plugins/product-configurator/admin-dashboard/layout-and-repeaters.md).

# Layout and repeaters

With **structure elements** you bring order to your form: you group related fields, arrange them in columns or let a section repeat as often as needed.

## Column layout (row)

A **row** arranges its child elements side by side instead of below one another. In the settings panel you choose the desired **number of columns** (e.g. 2 or 3). The contained fields are automatically distributed evenly.

This lets you place, for example, "Width" and "Height" compactly on one line.

{% hint style="info" %}
For full control you can also assign an individual column CSS class (e.g. `col-md-6`) to single fields.
{% endhint %}

## Field group

A **field group** combines several elements into a visually coherent block – optionally with a heading. Groups can be nested and are excellent for forming sections (e.g. "Dimensions", "Material", "Personalisation").

Another advantage: you can show or hide an entire group via a [condition](/en/plugins/product-configurator/admin-dashboard/conditional-logic.md).

## Repeatable section (repeater)

A **repeater** lets the customer fill in a section **multiple times**. A classic example: "Add another person" or "Add another engraving line".

* In the shop a **plus button** appears, with which the customer adds another instance, plus a **remove button** per instance.
* You can freely choose the label of the add button (translatable).
* Each instance contributes to the configuration – including price and formulas. This allows, for example, quantities or surcharges to be summed per repetition.

## Structure in the element tree

Structure elements are **containers**: drag other elements into them via drag & drop. A typical hierarchy looks like this:

```
Field group "Dimensions"
 └─ Row (2 columns)
     ├─ Number "Width"
     └─ Number "Height"
Field group "Personalisation"
 └─ Repeater "Engraving line"
     └─ Text field "Text"
```

{% hint style="info" %}
**Tip:** Start with the large sections (groups), create the rows inside them and fill them with the actual fields last. This keeps the tree clear.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.premsoft.de/en/plugins/product-configurator/admin-dashboard/layout-and-repeaters.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.