Wie Sie das Widget Konfigurierbare Liste einrichten

8. August 2025

Mit dem Widget Konfigurierbare Liste können Sie eine Reihe von Feldern oder Fragen definieren und anzeigen, die Nutzer bei Bedarf duplizieren können. Dies ist ideal, wenn ein Befragter dieselben Fragen mehrmals beantworten muss. Beispielsweise die Eingabe von Informationen für mehrere Personen, Artikel oder Aufgaben.

Hinzufügen und Einrichten des konfigurierbaren Listen-Widgets

Das Hinzufügen und Einrichten des konfigurierbaren Listen-Widgets zu Ihrem Formular ist ganz einfach. So geht’s:

  1. Klicken Sie im Formular Generator links auf Element hinzufügen.
Wie Sie das Widget Konfigurierbare Liste einrichten Image-1
  1. Klicken Sie nun im Menü links unter dem Reiter Widgets auf das Konfigurierbares Listen-Widget, um es Ihrem Formular hinzuzufügen.
Wie Sie das Widget Konfigurierbare Liste einrichten Image-2
  1. Nehmen Sie anschließend im Menü Widget-Einstellungen, das sich rechts auf der Seite öffnet, die folgenden Einstellungen vor:
    • Feldkonfiguration – Definieren Sie in diesem Bereich die Felder, die in jeder Zeile der Liste angezeigt werden, mit der korrekten Syntax. Weitere Einzelheiten finden Sie in unserem Leitfaden zu den Unterstützten Feldtypen und der Syntax für das konfigurierbare Listen-Widget.
      Einstellungen für konfigurierbare Listen-Widgets im Formular-Builder öffnen. Felderkonfiguration einrichten.
    • Minimale Zeilenanzahl – Dies ist die Anzahl der Zeilen, die standardmäßig hinzugefügt werden.
    • Maximale Zeilenanzahl – Verwenden Sie 0, um eine unbegrenzte Anzahl von Zeilen zuzulassen. Diese Zahl muss gleich oder größer als die minimale Zeilenanzahl sein.
    • Beschriftung für Hinzufügen – Passen Sie optional den Text für die Schaltfläche Hinzufügen an.
    • Einzelzeile – Aktivieren Sie diese Option, um alle Felder pro Zeile in einer einzigen Zeile anzuzeigen.
      Konfigurierbare Listeneinstellungen mit minimalen und maximalen Zeilen, Beschriftung der Schaltfläche „Hinzufügen“ und Einzelzeilenoption.
  1. Klicken Sie nun auf Aktualisieren und fertig.
Wie Sie das Widget Konfigurierbare Liste einrichten Image-3

Neugierig, wie es funktioniert? Sehen Sie sich dieses Demoformular an, um es in Aktion zu sehen.

Unterstützte Feldtypen und Syntax für das konfigurierbare Listen-Widget

Das konfigurierbare Listen-Widget unterstützt verschiedene Eingabetypen und ermöglicht Ihnen die dynamische Erfassung unterschiedlicher Informationen in Ihrem Formular. Hier ist die vollständige Liste der unterstützten Feldtypen und die Syntax zum Hinzufügen:

Hinweis

Jede Felddeklaration muss in einer neuen Zeile stehen, damit sie korrekt funktioniert.

Sehen wir uns die Syntax der unterstützten Feldtypen genauer an. unten:

Text

Verwenden Sie diese Option für einfache einzeilige Antworten wie Namen oder E-Mail-Adressen.

Syntax:

 Label: text[:placeholder]

Beispiele:

  • Name: Text
  • E-Mail: Text: Hier eingeben…
Wie Sie das Widget Konfigurierbare Liste einrichten Image-4

Nummer

Nutzen Sie diese Funktion, um numerische Daten wie Alter, Menge oder Bewertungen zu erfassen.

Syntax:

 Bezeichnung: Zahl:Platzhalter:Schritt,Min.,Max.]

Beispiele:

  • Menge: Zahl
  • Alter: Zahl: Geben Sie Ihr Alter ein
  • Bewertung: Zahl::1,1,10
Wie Sie das Widget Konfigurierbare Liste einrichten Image-5

Text Bereich

Verwenden Sie diesen Bereich für längere Antworten wie Notizen oder Kommentare.ents.

Syntax:

Label: Textbereich: Platzhalter]

Beispiele:

  • Kommentare: Textbereich
  • Feedback: Textbereich: Geben Sie Ihr Feedback ein…
Wie Sie das Widget Konfigurierbare Liste einrichten Image-6

Verwenden Sie diese Option, um die Auswahl aus einer Liste vordefinierter Optionen zu ermöglichen.

Syntax:

Label: dropdown: option1, option2, option3[:defaultOption]

Um eine der Optionen standardmäßig auszuwählen, ersetzen Sie den Platzhalter durch eine der Optionen in Ihrer Liste. Beispiele:

  • Pizza: Dropdown-Menü: Käse, Peperoni, Wurst
  • Größe: Dropdown-Menü: Klein, Mittel, Groß: Bitte auswählen
  • Getränk: Dropdown-Menü: Apfel, Orange, Ananas: Orange
Wie Sie das Widget Konfigurierbare Liste einrichten Image-7

Optionsfeld

Verwenden Sie dies für Optionen mit Einzelauswahl, die als Optionsfeld angezeigt werden. Schaltflächen.

Syntax:

Bezeichnung: Radio: Option1, Option2, Option3

Beispiele:

  • Bestellart: Radio: Abholung, Lieferung
  • Gemüse: Radio: Karotte, Radieschen, Brokkoli
Wie Sie das Widget Konfigurierbare Liste einrichten Image-8

Kontrollkästchen

Verwenden Sie dieses Kontrollkästchen für Multiple-Choice-Optionen. Benutzer können mehrere Optionen auswählen.

Beschriftung: Kontrollkästchen: Option1, Option2, Option3

Beispiele:

  • Zusätze: Kontrollkästchen: Limonade, Salat, Pommes
  • Sauce: Kontrollkästchen: Süß, Sauer, Scharf
Wie Sie das Widget Konfigurierbare Liste einrichten Image-9

Datumseingabe

Zeigen Sie hiermit eine Kalender-Datumsauswahl an.

Syntax:

Label: dateInput[:format]

Wenn das Datumsformat undefiniert oder ungültig ist, wird standardmäßig J/M/T verwendet. Sie können das Format bei Bedarf ändern.

Beispiele:

  • Datum: dateInput
  • Geburtsdatum: dateInput: m/t/y
Wie Sie das Widget Konfigurierbare Liste einrichten Image-10

Zeiteingabe

Hiermit können Benutzer einen Zeitwert auswählen.

Syntax:

Label: timeInput:format[,now]
  • Zulässige Formatwerte sind 12 (mit AM/PM-Auswahl) und 24. Bei ungültigen Werten wird standardmäßig 12 verwendet.
  • Um die aktuelle Uhrzeit als Standard festzulegen, fügen Sie der Deklaration now hinzu.

Beispiele:

  • Terminzeit: timeInput: 24
  • Aktuelle Zeit: timeInput: 12,now
Wie Sie das Widget Konfigurierbare Liste einrichten Image-11

Datum

Hiermit wird die Datumsauswahl im Dropdown-Format (Monat/Tag/Jahr) angezeigt.

Syntax:

Label: date[:format:range:today]
  • Wenn das Datumsformat undefiniert oder ungültig ist, wird standardmäßig J/M/T. Sie können das Format bei Bedarf ändern.
  • Der Jahresbereich wird als Start–Ende formatiert (z. B. 2015–2025). Wenn Sie keinen Wert festlegen oder einen ungültigen Wert eingeben, wird standardmäßig ein Zeitraum von vor 10 Jahren bis zu einem Jahr ab heute verwendet.
  • Um das aktuelle Datum als Standard festzulegen, fügen Sie der Deklaration :today hinzu.

Beispiele:

  • Geburtsdatum: date
  • Ereignisdatum: date: m/t/y: 2025–2030
  • Datum: date: t/m/y: heute
Wie Sie das Widget Konfigurierbare Liste einrichten Image-12

Zeit

Zeigen Sie hiermit Dropdown-Menüs für Stunde/Minute/AM-PM an.

Syntax:

Label: time[:format,now]
  • Zulässige Formatwerte sind 12 (mit AM/PM-Auswahl) und 24. Falls nicht definiert oder ungültig, wird standardmäßig 12 verwendet.
  • Um die aktuelle Uhrzeit als Standard festzulegen, fügen Sie der Deklaration now hinzu.

Beispiele:

  • Ankunftszeit: Zeit: 12
  • Aktuelle Zeit: Zeit: 12, jetzt
Wie Sie das Widget Konfigurierbare Liste einrichten Image-13

Statisch

Hiermit können Sie schreibgeschützte Notizen, Hinweise oder Anleitungen zwischen Feldern einfügen.

Syntax:

Label: static: [text]
  • Unterstützt einfaches HTML zur Formatierung.

Beispiele:

  • Hinweis: statisch: Wir sind rund um die Uhr für Sie da.
  • Tipp: statisch: Klicken Sie auf die Schaltfläche Zeile hinzufügen, um weitere Zeilen hinzuzufügen.
Wie Sie das Widget Konfigurierbare Liste einrichten Image-14

Konfigurierbare Listenfelder als Pflichtfelder festlegen

Um ein Feld als Pflichtfelder festzulegen, fügen Sie am Anfang des Feldes ein Sternchen (*) ein. Erklärung. Dadurch wird sichergestellt, dass Nutzer das Feld vor dem Absenden des Formulars ausfüllen müssen.

Beispiele:

  • *Name: Text
  • *Geburtsdatum: Datum
Wie Sie das Widget Konfigurierbare Liste einrichten Image-15

Erscheinungsbild Ihrer konfigurierbaren Liste anpassen

Sie können das Erscheinungsbild Ihrer Liste an Ihre Marke, Ihren Produktstil oder Ihre Corporate Identity anpassen. Das Widget Konfigurierbare Liste unterstützt benutzerdefiniertes CSS und gibt Ihnen die volle Kontrolle über Aussehen und Layout.

  1. Wählen Sie im Formular Generator Ihr Widget aus und klicken Sie rechts daneben auf das Zauberstab-Symbol.
  2. Fügen Sie anschließend unter dem Reiter Benutzerdefiniertes CSS Ihren CSS-Code ein.
  3. Klicken Sie nun auf Aktualisieren, und schon sind Sie fertig.
Wie Sie das Widget Konfigurierbare Liste einrichten Image-16
Support kontaktieren

Our customer support team is available 24/7 and our average response time is between one to two hours.

Kommentar abschicken:

Jotform Avatar
Diese Seite ist durch reCAPTCHA geschützt und es gelten die Google Datenschutzbestimmungen und Nutzungsbedingungen.

Kommentare:

  • Fabian Meyer - Profile picture