Design-Felder Referenz
Design-Felder fügen Deinem Formular visuelle Struktur und informativen Inhalt hinzu. Sie erfassen keine Daten und werden bei der Validierung übersprungen.
In Detail-Formularen können Design-Felder (Überschrift, Textblock, Hinweis, Rich Text) und der Zuständigkeits-Block dynamische Werte mit Platzhaltern wie {{event.name}}, {{contact.name}} oder {{workspace.name}} anzeigen.
Überschrift
Eine Abschnittsüberschrift, um Dein Formular visuell zu gliedern.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Textinhalt | String | (Standardtext) | Der Überschriftentext |
| Überschriftsebene | 1--6 | 2 | HTML-Überschriftenebene (H1 bis H6) |
| Ausrichtung | Links / Zentriert / Rechts | Links | Textausrichtung |
| Farbe | String (Hex) | (leer) | Eigene Textfarbe. Wenn leer, wird die Textfarbe des Formulars verwendet |
Level-Optionen
| Wert | Darstellung |
|---|---|
| 1 | H1 (grösste) |
| 2 | H2 |
| 3 | H3 |
| 4 | H4 |
| 5 | H5 |
| 6 | H6 (kleinste) |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- Überschriften können mit bedingter Logik ein-/ausgeblendet werden.
| Operator | Beschreibung |
|---|---|
| Gleich | Inhalt stimmt genau überein |
| Ungleich | Inhalt stimmt nicht überein |
| Enthält | Inhalt enthält den Text |
| Enthält nicht | Inhalt enthält den Text nicht |
| Beginnt mit | Inhalt beginnt mit dem Text |
| Endet mit | Inhalt endet mit dem Text |
| Ist leer | Kein Inhalt |
| Ist nicht leer | Hat Inhalt |
Textblock
Ein Klartextabsatz für Beschreibungen, Anweisungen oder Hinweise.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Textinhalt | String | (leer) | Der Textinhalt |
| Ausrichtung | Links / Zentriert / Rechts / Blocksatz | Links | Textausrichtung |
| Schriftgrösse | Zahl | 16 | Schriftgrösse in Pixel (12--24, Schrittweite: 1) |
| Farbe | String (Hex) | (leer) | Eigene Textfarbe. Wenn leer, wird die Textfarbe des Formulars verwendet |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Rich Text
Ein formatierter Textblock mit WYSIWYG-Editor. Unterstützt Fett, Kursiv, Unterstrichen, Überschriften, Listen, Links und Textausrichtung.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Textinhalt | String (HTML) | (Standardinhalt) | Der Rich-Text-Inhalt |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Trennlinie
Eine horizontale Trennlinie, um Abschnitte visuell zu trennen.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Linienstil | Durchgezogen / Gestrichelt / Gepunktet | Durchgezogen | Linienstil |
| Dicke | Zahl | 1 | Linienstärke in Pixel (1--10) |
| Farbe | String (Hex) | (leer) | Eigene Linienfarbe. Wenn leer, wird die Rahmenfarbe des Formulars verwendet |
| Abstand | Zahl | 20 | Vertikaler Abstand ober- und unterhalb in Pixel (0--100) |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Abstandhalter
Leerer vertikaler Abstand zur Steuerung des Abstands zwischen Formularabschnitten.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Höhe | Zahl | 30 | Höhe in Pixel (10--200, Schrittweite: 10) |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Hinweis
Eine farbige Hinweisbox, um auf wichtige Informationen aufmerksam zu machen.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Textinhalt | String | (leer) | Der Hinweistext |
| Hinweistyp | Info / Erfolg / Warnung / Fehler | Info | Hinweisstil und Farbe |
| Icon anzeigen | Ein/Aus | Ein | Ob das Hinweistyp-Icon angezeigt wird |
Hinweistypen
| Typ | Farbe |
|---|---|
| Info | Blau |
| Erfolg | Grün |
| Warnung | Gelb/Orange |
| Fehler | Rot |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Bild
Zeigt ein statisches Bild in Deinem Formular-Layout an (dekorativ oder informativ).
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Bild-URL | String | (leer) | Bildquell-URL (erforderlich) |
| Alternativtext | String | (leer) | Alternativtext für Barrierefreiheit |
| Bildbreite | Zahl | 100 | Breite als Prozent des Containers (10--100, Schrittweite: 10) |
| Ausrichtung | Links / Zentriert / Rechts | Zentriert | Bildausrichtung |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Dies ist das Design-Bildfeld zur Anzeige eines statischen Bildes. Für das erweiterte Bild-Upload-Feld, bei dem Nutzer Bilder hochladen können, siehe Erweiterte Felder Referenz.
Link
Ein klickbarer Link, der eine externe Website in einem neuen Browser-Tab öffnet.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Linktext | String | Website öffnen | Der sichtbare Text, auf den geklickt wird |
| URL | String | (leer) | Die Ziel-URL. Nur http://- und https://-Links sind klickbar; eine Domain ohne Schema wird automatisch um https:// ergänzt |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
Bedingte Logik -- Operatoren
Operatorgruppe: text -- gleiche Operatoren wie Heading (siehe oben).
Links werden in einem neuen Browser-Tab geöffnet. Wenn die URL fehlt oder keine gültige http:///https://-Adresse ist, wird der Linktext als normaler Text angezeigt (nicht klickbar).
Zusammenfassung
Ein schreibgeschützter Übersichtsblock, der alle eingereichten Feldwerte anzeigt. Er wird automatisch im Zusammenfassungsschritt von Mehr-Schritt-Formularen platziert.
Konfigurationsoptionen
Keine konfigurierbaren Optionen. Dieses Feld ist ein fester Block ohne nutzerseitige Einstellungen.
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Ja |
| Löschbar | Nein |
| Duplizierbar | Nein |
| Verschiebbar | Nein |
Bedingte Logik
Nicht unterstützt. Dieser Block ist immer auf dem Zusammenfassungsschritt sichtbar.
Zuständigkeits-Block
Zeigt Informationen über die zuständige Person an (z.B. Name, E-Mail, Funktion, Avatar). Nur in Detail-Formularen verfügbar. Zeigt Live-Daten aus dem Profil der zugewiesenen Person.
Konfigurationsoptionen
| Option | Typ | Standard | Effekt |
|---|---|---|---|
| Avatar anzeigen | Ein/Aus | Ein | Avatar-Bild der zuständigen Person anzeigen |
| Name anzeigen | Ein/Aus | Ein | Name der zuständigen Person anzeigen |
| Funktion anzeigen | Ein/Aus | Ein | Funktion/Rolle der zuständigen Person anzeigen |
| Tagline anzeigen | Ein/Aus | Aus | Tagline der zuständigen Person anzeigen |
| E-Mail anzeigen | Ein/Aus | Ein | E-Mail-Adresse der zuständigen Person anzeigen |
| Telefon anzeigen | Ein/Aus | Aus | Telefonnummer der zuständigen Person anzeigen |
| Mobil anzeigen | Ein/Aus | Aus | Mobilnummer der zuständigen Person anzeigen |
| Avatar-Grösse | Klein / Mittel / Gross / Extra Gross | Mittel | Grösse des Avatar-Bildes |
| Layout | Horizontal / Vertikal | Horizontal | Layout-Richtung des Blocks |
| Feld-Reihenfolge | Array | (Standard-Reihenfolge) | Reihenfolge, in der sichtbare Felder angezeigt werden (Drag-and-Drop im Builder) |
| Spalten | 1 / 2 / 3 | 1 | Anzahl der Inhaltsspalten |
| Spaltenanordnung | Verteilt / Links / Zentriert / Rechts | (auto) | Wie Spalten horizontal verteilt werden |
| Vertikale Ausrichtung | Array | (auto) | Vertikale Ausrichtung pro Spalte: Oben / Mitte / Unten |
Einschränkungen
| Eigenschaft | Wert |
|---|---|
| Einzigartig pro Formular | Nein |
| Löschbar | Ja |
| Duplizierbar | Ja |
| Verschiebbar | Ja |
| Formulartyp | Nur Detail-Formulare |
Bedingte Logik
Nicht unterstützt. Der Zuständigkeits-Block hängt von Zuweisungsdaten ab und nimmt nicht an der bedingten Logik teil.
Allgemeine Hinweise
- Design-Felder erscheinen nicht in Formulareinreichungen.
- Design-Felder können nicht gesperrt werden (Sperrrichtlinie gilt nicht).
- Alle Design-Felder (ausser Zusammenfassung und Zuständigkeits-Block) unterstützen bedingte Logik zur Steuerung ihrer Sichtbarkeit basierend auf anderen Feldwerten.
- In Detail-Formularen unterstützen Überschrift, Textblock, Hinweis und Rich Text dynamische Wertplatzhalter.
Verwandte Seiten
- Form Builder Felder -- Übersicht aller Feldtypen
- Form Builder Bedingte Logik
- Form Builder Grundlagen