---
title: "Raster-Widgets"
slug: "how-to-add-a-grid-widget-to-a-step"
status: "update"
updated: 2026-10-22T09:43:05Z
published: 2026-10-22T09:43:05Z
canonical: "support.tulip.co/how-to-add-a-grid-widget-to-a-step"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Raster-Widgets

*Mit dem Grid-Widget können Sie Schritte mit eindeutigen Bezeichnungen und Datenwerten gestalten.*

Wenn Sie einen Schritt in einer App entwerfen, können Sie ein visuelles Raster verwenden, um Ihre Daten zu strukturieren und klare Beschriftungen mit Datenpunkten hinzuzufügen.

Hier ist ein Beispiel für ein Raster in einem Schritt:

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20To%20Add%20a%20Grid%20Widget%20to%20A%20Step_154782045.png)

Diese kurze Anleitung zeigt Ihnen, wie Sie ein Raster-Widget zu einem beliebigen Schritt hinzufügen können.

## Hinzufügen und Bearbeiten eines Raster-Widgets

Wählen Sie in der Symbolleiste die Option „Einbetten“ und anschließend „Raster“.

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20To%20Add%20a%20Grid%20Widget%20to%20A%20Step_154782940.png)

Nachdem Sie das Raster ausgewählt haben, werden im Kontextbereich verschiedene Optionen angezeigt:

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20To%20Add%20a%20Grid%20Widget%20to%20A%20Step_154783510.png)

**Gitterlinien:** Wählen Sie die Farbe und die Stärke der Gitterlinien aus

**Layout:** Fügen Sie eine Zeile oder Spalte hinzu oder fügen Sie Zellen zusammen bzw. trennen Sie sie wieder, nachdem Sie mehrere ausgewählt haben

**Ausrichten:** Richten Sie den in eine einzelne Zelle eingegebenen Text aus

**Zellfarbe:** Fügen Sie einer einzelnen Zelle eine Hintergrundfarbe hinzu

**Text:** Ändern Sie das Format des Texts in ausgewählten Zellen

**Stil:** Ändern Sie den Textstil in ausgewählten Zellen

:::(Fehler) (Warnung vor Veralterung) Ab Version r369 wurde das Kontextmenü des Grid-Widgets bei Rechtsklick entfernt. Alle zuvor über dieses Menü verfügbaren Funktionen sind weiterhin über die „ Widget tab “ im Seitenbereich zugänglich.

:::

Sie können auch mit der rechten Maustaste auf eine einzelne Zelle klicken und die Zeile bearbeiten:

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20To%20Add%20a%20Grid%20Widget%20to%20A%20Step_154787945.png)

Die Optionen sind...

- Eine Zeile darunter einfügen
- Eine Zeile darüber einfügen
- Zeilenabstand gleichmäßig verteilen
- Zeile löschen

Wenn Sie neue Zeilen und Spalten hinzufügen, werden alle anderen Zellen verkleinert, um Platz für die neue Zeile oder Spalte zu schaffen. Sie müssen das gesamte Grid-Widget erweitern, wenn Sie Platz für eine neue Zeile oder Spalte schaffen möchten.

---

Haben Sie gefunden, wonach Sie gesucht haben?

Sie können auch auf [community.tulip.co](https://community.tulip.co/?utm_source=intercom&utm_medium=article-link&utm_campaign=all) gehen, um Ihre Frage zu stellen oder nachzuschauen, ob andere bereits ein ähnliches Problem hatten!