Blocktypen — Referenz
Die Blockauswahl gliedert sich in drei Gruppen. Diese Referenz folgt derselben Reihenfolge.
Basis-Blöcke
| Block | Beschreibung in der Oberfläche |
|---|---|
| Absatz | Schreibe normalen Text |
| Überschrift 1 | Große Überschrift |
| Überschrift 2 | Mittlere Überschrift |
| Überschrift 3 | Kleine Überschrift |
| Seite | Eine Unterseite hinzufügen |
| Horizontales Layout | Blocks nebeneinander anordnen |
| Vertikales Layout | Blocks untereinander anordnen |
| Tab-Layout | Unterseiten als Tabs anzeigen |
| Stepper-Layout | Unterseiten als Schritte anzeigen |
| Bild | Fügen Sie ein Bild mit benutzerdefinierten Abmessungen hinzu |
Absatz und Überschriften
Textblöcke bieten Textgröße (Überschriftenebene) und Textausrichtung — Linksbündig, Zentriert, Rechtsbündig, Blocksatz — sowie Textfarbe.
Leere Blöcke zeigen Leerer Absatz… beziehungsweise Leere Überschrift….
Layout-Blöcke
Horizontales und Vertikales Layout ordnen enthaltene Blöcke an. Einstellungen unter Anordnung:
- Richtung: Nebeneinander / Untereinander
- Ausrichtung: Start, Center, End, Oben, Unten
- Abstand dazwischen, Strecken, Wrap Content
Dazu Hintergrundfarbe, Border radius, Breite und Höhe.
Tab-Layout und Stepper-Layout stellen Unterseiten dar. Ohne Unterseiten erscheint der Hinweis Fügen Sie Seiten hinzu, um sie als Tabs zu sehen.
Spezial-Blöcke
| Block | Beschreibung in der Oberfläche |
|---|---|
| Einbinden | Zeige beliebige externe Inhalte an, z. B. Webseiten oder Videos |
| Grid Ansicht | Eine Ansicht einbinden, z.B. Kanban, Grid, Kalender, Karte oder Galerie |
| Flow | Flow einbinden und im Flow-Editor öffnen |
| Dateiliste | Listenansicht mit Datei-Upload per Drag and Drop |
| Button | Button um ein Formular oder einen Flow zu starten |
| QR Code | QR Code für ein Formular oder einen Flow |
| Zähler | Zähle die Anzahl der Einträge in einer Ansicht |
| Summenkarte | Summiert die Werte einer numerischen Spalte in einer Ansicht |
| Donut-Diagramm | Zeigt die Verteilung der Werte einer Einzelauswahl-Spalte |
| Terminprognose | Vergleicht geplante Termine mit aktuellen und früheren Schätzungen |
| HTML | Eigenes HTML einbinden oder per KI erstellen |
| Grid Liste | Erstelle eine Liste basierend auf Einträgen aus einem Grid |
Grid Ansicht
Bettet eine bestehende Ansicht in die Seite ein — der wichtigste Block für Portale.
Einstellungen:
| Einstellung | Wirkung |
|---|---|
| Grid Ansicht | Welche Ansicht eingebettet wird |
| Volle Breite anzeigen | Ansicht über die volle Seitenbreite |
| Suche anzeigen | Suchfeld für Besucher |
| Filter anzeigen | Filter für Besucher |
| CSV-Download anzeigen | Export für Besucher |
| Einträge nur lesbar | Verhindert Bearbeitung |
| Detailansicht nicht öffnen | Klick auf eine Zeile öffnet nichts |
| Titel ausblenden | Blendet den Ansichtstitel aus |
| Button Farbe | Farbe der Bedienelemente |
Zwei Schalter für schreibgeschützte Portale
Für ein reines Anzeige-Portal reicht Einträge nur lesbar nicht immer aus. Setzen Sie zusätzlich Detailansicht nicht öffnen, sonst gelangen Besucher weiterhin in die Einzelansicht eines Eintrags.
Filter der Ansicht wirkt mit
Eingebettet wird die Ansicht samt Filter und ausgeblendeten Spalten. Legen Sie für ein Portal eine eigene Ansicht an, die nur die freizugebenden Daten zeigt, statt eine interne Arbeitsansicht einzubetten.
Auswertungsblöcke
Zähler zeigt die Anzahl der Einträge einer Ansicht.
Summenkarte summiert eine numerische Spalte. Meldungen:
- Diese Ansicht hat keine summierbaren numerischen Spalten — es fehlt eine Spalte vom Typ Zahl, Kommazahl oder Währung
- Diese Ansicht hat mehr als {maxRows} Zeilen. Die Summe umfasst nur die ersten {maxRows} Zeilen.
Summen sind bei großen Ansichten unvollständig
Ab einer bestimmten Zeilenzahl summiert der Block nur den Anfang der Ansicht. Für belastbare Gesamtsummen ist eine Gruppierung mit Aggregat oder ein Feld vom Typ Summe berechnen der sichere Weg.
Donut-Diagramm zeigt die Verteilung über eine Spalte vom Typ Einzelauswahl. Ohne eine solche Spalte funktioniert der Block nicht.
Button und QR Code
Beide verweisen auf ein Formular oder einen Flow und starten ihn. Der QR-Code-Block eignet sich für Aushänge und gedrucktes Material.
Dateiliste
Listenansicht mit Drag-&-Drop-Upload. Hinweis in der Ablagefläche: Dateien hier ablegen, um neue Einträge zu erstellen. Rückmeldungen: {count} Datei(en) wurden hochgeladen und gespeichert beziehungsweise … konnten nicht hochgeladen werden.
HTML
Eigener HTML-Code mit Live-Vorschau.
- Mit KI generieren — Änderungen beschreiben statt schreiben
- Vorherige HTML-Version wiederherstellen
- Höhe automatisch anpassen
- Vorlagenvariablen mit
, Beispiel
Bei Fehlern erscheint Vorschau-Fehler, bei fehlgeschlagener Erzeugung HTML konnte nicht generiert werden.
Grid Liste
Erzeugt aus den Einträgen eines Grids eine Liste. Sie wählen das Grid (Grid auswählen) und gestalten einen Vorlagenblock, der je Eintrag wiederholt wird (Listen-Element bearbeiten).
Einbinden
Bettet externe Inhalte per iframe ein — Webseiten, Videos, Dokumente.
Terminprognose
Vergleicht geplante Termine mit aktuellen und früheren Schätzungen. Der Anwendungsfall ist in der Oberfläche nicht näher erläutert.
Formularfeld-Blöcke
Dieselben Eingabefelder wie in Formularen, frei auf der Seite platzierbar.
| Block | Beschreibung in der Oberfläche |
|---|---|
| Einzeiliges Textfeld | Für kurze Eingaben wie Name, Firma oder Betreff |
| Mehrzeiliges Textfeld | Für längere Eingaben wie Kommentare oder Beschreibungen |
| Barcode-Scanner | QR-Codes und 2D-Barcodes mit der Kamera scannen |
| Eine E-Mail Adresse einfügen | |
| Telefon | – |
| Datum | – |
| Datum und Uhrzeit | – |
| Kommazahl | Eine Zahl mit Nachkommastellen einfügen |
| Zahl | Eine ganze Zahl einfügen |
| Bewertungsskala | Bewertungen mit Zahlen, Sternen oder Emojis erfassen |
| Auswahl als Dropdown | Einen Wert aus einem Dropdown-Menü auswählen |
| Auswahl als Liste | Einen Wert aus einer Liste auswählen |
| Mehrfachauswahl | Mehrere Werte aus einer Liste auswählen |
| Häkchen | Fügen Sie eine Checkbox zu Ihrer Seite hinzu |
| Entscheidung | Zeigt eine Ja/Nein-Entscheidung an und speichert die Auswahl als Wahr/Falsch-Wert |
| Unterschrift | Unterschrift einfügen |
| Eintrag | Einen Eintrag aus einem Grid auswählen |
| Einträge | Mehrere Einträge aus einem Grid auswählen |
| Anschrift | – |
| Standort | Einen Standort zu Ihrem Formular hinzufügen |
| URL | Eine Webseite Link einfügen |
| Dateien oder Fotos hochladen | Fotos oder Dateien hochladen, auf dem Smartphone auch per Kamera |
| Währung | – |
| Video | Fügen Sie ein obligatorisches Video zu Ihrem Formular hinzu |
| Sprachaufnahme | Nehmen Sie eine Sprachaufnahme auf |
| Video hochladen | Nehmen Sie ein Video auf und laden Sie es hoch |
| Foto Kamera | Machen Sie ein Foto und laden Sie es hoch |
| HTML mit Formularfeldern | Eigenes HTML einbinden und Formularfelder per KI hinzufügen |
Bewertungsskala
Erfasst Bewertungen als Zahl, mit Sternen oder Emojis als Darstellung.
Entscheidung
Zeigt eine Ja/Nein-Auswahl als Karten und speichert sie als Wahrheitswert. Deutlicher als ein Häkchen, wenn die Entscheidung bewusst getroffen werden soll.
Aufnahme-Blöcke
Sprachaufnahme, Video hochladen und Foto Kamera nehmen direkt über das Gerät auf. Bedienelemente: START, PAUSE, WEITER, Fertig. Ohne Berechtigung erscheint Bitte erlauben Sie den Zugriff auf das Mikrofon.
Sprachaufnahme mit Flows kombinieren
Eine Sprachaufnahme lässt sich im Flow mit dem Schritt Sprache zu Text in Text umwandeln. So werden aus gesprochenen Meldungen durchsuchbare Einträge.
HTML mit Formularfeldern
Wie der HTML-Block, aber die enthaltenen Eingabefelder schreiben Daten zurück.
Felder brauchen name oder id
Der Editor warnt: Eingabefelder ohne name oder id werden nicht in die Flow-Payload aufgenommen. Ohne eines der beiden Attribute geht der Wert verloren.
Nicht in der Auswahl enthalten
Einige Blocktypen existieren intern, werden aber nicht angeboten — etwa Überschrift 4, Benutzer, Wörterbuch und Multitext. Sie sind kein Bestandteil des Produkts und hier nicht dokumentiert.