> For the complete documentation index, see [llms.txt](https://docs.ninox.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages.md).

# Seiten erstellen und anpassen

Seiten verwandeln Tabellendaten in Dashboards, Startseiten und fokussierte Arbeitsbereiche. Du kannst Text, Aktionen, Ansichten, Diagramme und Layouts an einer Stelle kombinieren.\
Seiten speichern keine Datensätze. Sie zeigen Inhalte aus bestehenden Tabellen und helfen Nutzern, sich auf wichtige Informationen zu konzentrieren.

Öffne die Seite im **Builder-Modus**, um Inhalte unter **Add** hinzuzufügen, die ausgewählte Komponente unter **Settings** anzupassen und die Seitenhierarchie unter **Structure** zu prüfen.

Seiten eignen sich besonders als Dashboards, wenn Nutzer Informationen aus mehreren Tabellen an einer Stelle prüfen sollen. Starte mit der wichtigsten Frage, die die Seite beantworten soll. Wähle dann die kleinste Anzahl an Komponenten, die dieses Ziel unterstützt.

Beim Gestalten einer Seite:

* Nutze Diagramme für Übersichten und Ansichten für die Arbeit mit Datensätzen.
* Gruppiere zusammengehörige Inhalte mit **Container**, **Tabs** oder **Akkordeon**.
* Passe jede Komponente unter **Settings** an, nachdem die Daten korrekt erscheinen.
* Blende Quelltabellen in der Navigation aus, wenn die Seite der zentrale Einstiegspunkt ist.

## **Eine Seite erstellen**

{% stepper %}
{% step %}
**Das Seitenmenü öffnen**

Klicke in der App-Navigation auf den Pfeil neben **+ Tabelle erstellen**.\
Wähle **Seite erstellen**.
{% endstep %}

{% step %}
**Den Seitennamen eingeben**

Gib einen Wert in **Name** ein.\
Ninox erstellt den **Internen Namen** automatisch.\
Ändere den **Internen Namen** nur, wenn unbedingt notwendig.
{% endstep %}

{% step %}
**Ein Symbol und eine Farbe wählen**

Klicke auf die Symbolauswahl.\
Wähle ein Symbol und eine Farbe für die Seite.\
Klicke auf **Bestätigen**, um deine Auswahl zu übernehmen.
{% endstep %}

{% step %}
**Die Seite erstellen**

Klicke auf **Seite erstellen**.\
Die neue Seite erscheint in der App-Navigation.
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Um eine Seite zu löschen, öffne sie im **Builder-Modus**. Wechsle im Bereich **Settings** zu **Form**, öffne **Settings** und klicke auf das rote <i class="fa-trash-can">:trash-can:</i> Papierkorb-Symbol neben **Page**.
{% endhint %}

## **Komponenten auf einer Seite hinzufügen und anordnen**

{% stepper %}
{% step %}
**Tab Add öffnen**

Öffne im **Einstellungsbereich** **Add**.
{% endstep %}

{% step %}
**Komponente hinzufügen**

Wähle die gewünschte Komponente.\
Ziehe sie auf die Seite.
{% endstep %}

{% step %}
**Komponente verschieben und Größe anpassen**

Wähle die Komponente aus.\
Ziehe sie, um sie auf der Seite zu verschieben.\
Nutze die Anfasser, um ihre Größe anzupassen, wenn die gewählte Komponente diese Option bietet.
{% endstep %}

{% step %}
**Einstellungen anpassen**

Wähle die Komponente aus.\
Wenn ihre Einstellungen nicht bereits im **Einstellungsbereich** erscheinen, öffne **Form** und dann **Settings**.\
Passe Datenquelle, Anzeige und Verhalten an.
{% endstep %}
{% endstepper %}

## **Was du einer Seite hinzufügen kannst**

Der Bereich **Add** enthält **Basiskomponenten** wie **Text**, **Steuerelemente** wie **Button**, **Ansichten**, **Diagramme** und **Layouts**.\
Öffne diese Optionen über **Add** im **Einstellungsbereich**. Du kannst auch die blaue Schaltfläche **Komponente hinzufügen** auf der Seite verwenden.

* Nutze **Text** für Überschriften, kurze Anweisungen und Hilfetexte.
* Nutze **Button** für Aktionen auf der Seite.
* **Ansichten** und **Diagramme** zeigen wichtige Daten und Kennzahlen.
* Nutze **Layouts**, um Komponenten auf der Seite zu strukturieren und anzuordnen.

{% hint style="info" %}
Eine Ansicht auf einer Seite ist eine Seitenkomponente innerhalb des Seitenlayouts. Du kannst mehrere Ansichten auf derselben Seite hinzufügen. Informationen zu eigenständigen Ansichten findest du unter [Mit Ansichten arbeiten](/builder-hub/de/visualize-and-organize-your-data/work-with-views.md).
{% endhint %}

### **Ansichten und Diagramme**

<table data-view="cards"><thead><tr><th></th><th data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Tabellen-Komponente</strong><br>Zeige Datensätze auf einer Seite in Zeilen und Spalten an.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/40F2j3PYXsgicDQt32RP">/spaces/V9tcO6xebBWxh5RucsPi/pages/40F2j3PYXsgicDQt32RP</a></td></tr><tr><td><strong>Kanban-Komponente</strong><br>Gruppiere Datensätze auf einer Seite nach Status in Spalten.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/T5uXrvrSFj1ExiVz6ZRS">/spaces/V9tcO6xebBWxh5RucsPi/pages/T5uXrvrSFj1ExiVz6ZRS</a></td></tr><tr><td><strong>Kalender-Komponente</strong><br>Zeige Datensätze auf einer Seite nach Datum in einem Kalender an.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/pDvQdnXCUqoR0PYK18ht">/spaces/V9tcO6xebBWxh5RucsPi/pages/pDvQdnXCUqoR0PYK18ht</a></td></tr><tr><td><strong>Karten-Komponente</strong><br>Zeige Datensätze mit Standortdaten auf einer Karte an.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/pcd7ztBJegEOEqrbVs2U">/spaces/V9tcO6xebBWxh5RucsPi/pages/pcd7ztBJegEOEqrbVs2U</a></td></tr><tr><td><strong>Metrikkarte-Komponente</strong><br>Hebe einen wichtigen Wert auf einer Seite hervor.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/dYFdrtPUsjJi3oCal1Li">/spaces/V9tcO6xebBWxh5RucsPi/pages/dYFdrtPUsjJi3oCal1Li</a></td></tr><tr><td><strong>Diagramm-Komponenten</strong><br>Vergleiche Werte und zeige Trends auf einer Seite an.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/MoYy5lWsZ1Umo4E0zZYP">/spaces/V9tcO6xebBWxh5RucsPi/pages/MoYy5lWsZ1Umo4E0zZYP</a></td></tr></tbody></table>

### **Layouts**

<table data-view="cards"><thead><tr><th></th><th data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Container-Komponente</strong><br>Gruppiere verwandte Komponenten in einem Bereich.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/u8iaaGlLfZlsuqoh0IOm">/spaces/V9tcO6xebBWxh5RucsPi/pages/u8iaaGlLfZlsuqoh0IOm</a></td></tr><tr><td><strong>Tabs-Komponente</strong><br>Wechsle zwischen verwandten Bereichen.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/DPQZLiPr9QM3WtTAHd9C">/spaces/V9tcO6xebBWxh5RucsPi/pages/DPQZLiPr9QM3WtTAHd9C</a></td></tr><tr><td><strong>Akkordeon-Komponente</strong><br>Halte Bereiche geschlossen, bis sie benötigt werden.</td><td><a href="/spaces/V9tcO6xebBWxh5RucsPi/pages/0IgQsMbD1aODkRNGrYpn">/spaces/V9tcO6xebBWxh5RucsPi/pages/0IgQsMbD1aODkRNGrYpn</a></td></tr></tbody></table>

## **Ein Seite teilen, ohne Quelltabellen anzuzeigen**

Seiten eignen sich gut, wenn Nutzer Einblicke aus mehreren Tabellen benötigen, diese Tabellen aber nicht direkt öffnen müssen. Eine Seite kann zum Beispiel Daten aus Projekten, Aufgaben und Rechnungen kombinieren und für Nutzer sichtbar bleiben, die nur die Dashboardansicht benötigen. Blende die Quelltabellen in der App-Navigation aus und lasse die Seite sichtbar, damit die Oberfläche fokussiert bleibt.

Das Ausblenden einer Tabelle in der Navigation entfernt sie nur aus dem Menü. Wenn die Quelltabellen sensible Daten enthalten, nutze auch Tabellen- und Feldberechtigungen, um den Zugriff zu steuern. Mehr zu Rollen und Berechtigungen findest du unter [Zugriff auf den Arbeitsbereich verwalten](/builder-hub/de/manage-your-organization-and-workspace/organize-your-workspace/manage-workspace-access.md).


---

# 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.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages.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.