> 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

Erstelle Seiten, um Dashboards zu bauen, Informationen zu strukturieren und Nutzer durch deine App zu führen.

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 **Hinzufügen** hinzuzufügen, die ausgewählte Komponente unter **Einstellungen** anzupassen und die Seitenhierarchie unter **Struktur** 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 **Einstellungen** an, nachdem die Daten korrekt erscheinen.
* Blende Quelltabellen in der Navigation aus, wenn die Seite der zentrale Einstiegspunkt ist.

{% hint style="info" %}
Du kannst die hier beschriebenen Komponenten auf die gleiche Weise auf der Formularansicht einer Tabelle hinzufügen und verwenden.
{% endhint %}

## **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**. Gehe in den Bereich **Einstellungen** und klicke auf das rote <i class="fa-trash-can">:trash-can:</i> Papierkorb-Symbol rechts neben **Seite**.
{% endhint %}

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

{% stepper %}
{% step %}
**Tab Hinzufügen öffnen**

Öffne im **Einstellungsbereich** **Hinzufügen**.
{% 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 **Einstellungen**.\
Passe Datenquelle, Anzeige und Verhalten an.
{% endstep %}

{% step %}
**Seite in der Navigation ein- oder ausblenden**

Öffne im **Einstellungsbereich** den Tab **Einstellungen**.\
Aktiviere unter **Allgemein** die Option **Seite aus der Navigation ausblenden**.\
Nutzer können die Seite dann nur über einen Navigations-Workflow in der UI öffnen.\
Admins sehen die Seite weiterhin im aktivierten **Builder-Modus** in der Navigation.
{% endstep %}
{% endstepper %}

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

Der Tab **Hinzufügen** enthält **Basiskomponenten** wie **Text**, **Steuerelemente** wie **Button**, **Ansichten**, **Diagramme** und **Layouts**.\
Öffne diese Optionen über **Hinzufügen** im **Einstellungsbereich**. Du kannst auch die blaue Schaltfläche <i class="fa-circle-plus">:circle-plus:</i> **Komponente hinzufügen** auf der Seite verwenden.

* Nutze **Text** für Überschriften, kurze Anweisungen und Hilfetexte.
* Nutze **Eingabekomponenten**, um Daten für mehrere Tabellen auf einer Seite zu erfassen, ohne diese Tabellen anzuzeigen.
* Nutze **Button** für Aktionen auf der Seite.
* **Benutzerdefinierte Komponenten**, **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 Komponente innerhalb des Seitenlayouts. Du kannst mehrere Ansichtskomponenten 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 %}

### **Basiskomponenten**

<table data-view="cards"><thead><tr><th></th><th data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Text-Komponente</strong><br>Füge Überschriften, Anleitungen und Hilfetexte hinzu.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/text-component.md">Freitext-Komponente</a></td></tr><tr><td><strong>Eingabekomponente</strong><br>Erfasse Daten auf einer Seite und verarbeite oder übergib sie anschließend.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/input-component.md">Eingabekomponente</a></td></tr><tr><td><strong>Benutzerdefinierte Komponente</strong><br>Erstelle benutzerdefinierte, datengesteuerte Seitenoberflächen.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/custom-component.md">Benutzerdefinierte Komponente</a></td></tr></tbody></table>

### **Steuerelemente**

<table data-view="cards"><thead><tr><th></th><th data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Button-Komponente</strong><br>Nutze einen Button für Aktionen auf einer Seite oder überall in deiner App.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/button-component.md">Button-Komponente</a></td></tr></tbody></table>

### **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="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/table-component.md">Tabellen-Komponente</a></td></tr><tr><td><strong>Kanban-Komponente</strong><br>Gruppiere Datensätze auf einer Seite nach Status in Spalten.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/kanban-component.md">Kanban-Komponente</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="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/calendar-component.md">Kalender-Komponente</a></td></tr><tr><td><strong>Gantt-Komponente</strong><br>Plane und verfolge terminierte Datensätze auf einer Zeitachse.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/gantt-component.md">Gantt-Komponente</a></td></tr><tr><td><strong>Karten-Komponente</strong><br>Zeige Datensätze mit Standortdaten auf einer Karte an.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/map-component.md">Karten-Komponente</a></td></tr><tr><td><strong>Metrikkarte-Komponente</strong><br>Hebe einen wichtigen Wert auf einer Seite hervor.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/metric-card-component.md">Metrikkarte-Komponente</a></td></tr><tr><td><strong>Diagramm-Komponenten</strong><br>Vergleiche Werte und zeige Trends auf einer Seite an.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/chart-components.md">Diagramm-Komponenten</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="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/container-component.md">Container-Komponente</a></td></tr><tr><td><strong>Tabs-Komponente</strong><br>Wechsle zwischen verwandten Bereichen.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/tabs-component.md">Tabs-Komponente</a></td></tr><tr><td><strong>Akkordeon-Komponente</strong><br>Halte Bereiche geschlossen, bis sie benötigt werden.</td><td><a href="/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/accordion-component.md">Akkordeon-Komponente</a></td></tr></tbody></table>

## **Eine 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.