🧩 Bedingungen & Regeln (GUI-Editor)

Der Reiter „Bedingungen und Regeln" in den Formulareinstellungen ist der modernere, visuelle Editor für Feld-Logik — Felder ein-/ausblenden, Pflichtfelder dynamisch machen, Werte rechnen, Optionen filtern. Er ist die empfohlene Methode für die meisten Anwendungsfälle.

⚠️ Beta-Status: Das Feature ist live, aber wir testen weiterhin Edge-Cases. Wenn ein konkretes Setup nicht erwartungsgemäß reagiert: kurze Mail an hello@propform.io mit Formular-ID — wir schauen drauf.


Inhalt


Verfügbare Aktionen

Pro Regel wählst du eine Aktion, die ausgeführt wird wenn die Bedingung erfüllt ist:

Aktion Effekt
Ausblenden Feld wird nicht mehr angezeigt (Wert bleibt leer beim Submit)
Einblenden Standard-versteckte Felder werden sichtbar gemacht
Pflichtfeld machen Validierung erzwingt Eingabe vor Submit
Sperren Feld bleibt sichtbar aber nicht editierbar (z.B. nach erstem Submit)
Optionen ausblenden Bei Single-/Multi-Select: bestimmte Werte aus der Auswahl entfernen
Wert setzen Feld bekommt einen festen Wert
Wert rechnen Feld bekommt das Ergebnis einer Formel (siehe unten)
Beschriftung ändern Feld-Label dynamisch austauschen (z.B. „Kaufpreis" → „Mietpreis")

Bedingungs-Operatoren

Bedingungen prüfen den Wert eines anderen Feldes. Verfügbare Operatoren:

  • ist gleich / ist nicht gleich
  • ist leer / ist nicht leer
  • enthält / enthält nicht (für Multi-Select & Textfelder)
  • ist größer als / ist kleiner als (für Zahlen)
  • ist größer-gleich / ist kleiner-gleich

Mehrere Bedingungen pro Regel werden mit UND (alle müssen zutreffen) oder ODER (eine reicht) verknüpft — wählbar pro Regel.


Berechnungen zwischen Feldern (Wert rechnen)

Mit der Aktion „Wert rechnen" kannst du Werte aus mehreren Feldern arithmetisch verknüpfen — z.B. eine Innenprovision automatisch aus Kaufpreis und Provisions-Prozent berechnen.

Die Formel verwendet eine Pipe-Syntax mit Field-IDs:

{{multiply:field:125802|field:125803|/100}}

→ multipliziert die Werte aus Feld-ID 125802 und Feld-ID 125803, teilt das Ergebnis durch 100.

Schritt für Schritt

Beispiel-Setup: Drei Felder im Formular — Kaufpreis (Zahlenfeld), Prozent Innenprovision (Zahlenfeld), Summe Innenprovision (Zahlenfeld).

1. Field-IDs herausfinden

Die Field-ID ist die DOM-ID des <input>-Elements im Formular. So findest du sie:

  • Formular im Browser öffnen
  • Rechtsklick auf das jeweilige Feld → Untersuchen
  • Im DevTools-Panel das umgebende <div> aufklappen — die Field-ID steht in der ID-Eigenschaft (z.B. 125802)
  • IDs aller drei Felder notieren

2. Regel anlegen

Reiter „Bedingungen und Regeln" → Neue Regel:

  • Bedingung: Kaufpreis ist nicht leer UND Prozent Innenprovision ist nicht leer
  • Aktion: Wert rechnen → Feld Summe Innenprovision
  • Formel im Wert-Feld:
{{multiply:field:<ID-Kaufpreis>|field:<ID-Provisions-Prozent>|/100}}

3. Live-Test

Formular öffnen → Kaufpreis eingeben → Provisions-Prozent eingeben → Summe wird automatisch berechnet.

Pipe-Syntax-Operatoren

Operatoren werden mit Pipe | zusammengekettet:

Pattern Bedeutung Beispiel
multiply:... Multiplikation `multiply:field:A
add:... Addition `add:field:A
subtract:... Subtraktion `subtract:field:A
divide:... Division `divide:field:A
/<zahl> Teilen durch festen Wert `multiply:field:A
*<zahl> Multiplizieren mit festem Wert `add:field:A

field: vs. field_value:

Syntax Wann verwenden?
field:<ID> Bei Zahlenfeldern: gibt den eingegebenen Wert. Bei Single-Select: gibt den Klar-Namen (z.B. „Wohnung")
field_value:<ID> Bei Single-Select: gibt den technischen Schlüsselwert (z.B. ind_3673). Wichtig für Vergleiche in IF()-Bedingungen

Bei reinen Zahlenfeldern liefern field: und field_value: dasselbe — beide funktionieren.

Use-Cases

  • Innenprovisions-Rechner: Kaufpreis × Prozent ÷ 100
  • Renditeberechnung: (Mieteinnahmen − Kosten) ÷ Investitionssumme × 100
  • Brutto/Netto-Umrechnung: Netto × 1,19
  • Quadratmeterpreis: Preis ÷ Wohnfläche
  • Restwert-/Residualwertkalkulation (Bauträger-Modus, mehrstufig kombinierbar)

💡 UX-Hinweis: Das aktuelle Setup über DevTools-IDs und Pipe-Syntax ist nicht super-intuitiv. Ein visueller Formel-Editor steht auf der Roadmap.


One-Way vs. Two-Way Bedingungen

Die meisten Aktionen werden sticky angewendet (One-Way) — sobald die Bedingung einmal erfüllt war, bleibt der Effekt bestehen, auch wenn die Bedingung wieder false wird. Nur wenige Aktionen kehren automatisch zum Ursprungszustand zurück (Two-Way).

Aktion Verhalten
Ausblenden / Einblenden One-Way (sticky) — gesetzter Sicht-Zustand bleibt; für Reverse brauchst du eine zweite Regel
Sperren / Entsperren One-Way
Schreibgeschützt / Editierbar One-Way
Pflichtfeld / Optional One-Way (STICKY) — wenn Bedingung wieder false, bleibt der Pflicht-Zustand bestehen
Optionen ausblenden Two-Way — Optionen werden automatisch wieder eingeblendet, wenn Bedingung false wird
Optionen wieder einblenden One-Way (sticky show)
Wert setzen / rechnen (Standard-Felder) One-Way — gesetzter Wert bleibt
Wert setzen für Bild-/Video-Felder Two-Waysrc wird automatisch auf den Original-Wert zurückgesetzt
Beschriftung ändern Two-Way — Original-Beschriftung kommt automatisch zurück, wenn Bedingung false wird

💡 Für Aktionen, die One-Way sind: Wenn du sie rückgängig machen willst, brauchst du eine zweite Regel mit der inversen Bedingung, die den Ursprungs-Zustand wiederherstellt. Beispiel: Eine Regel zeigt das Feld, eine zweite Regel versteckt es wieder.


Prioritäten bei mehreren Regeln

Wenn mehrere Regeln auf dasselbe Feld wirken (z.B. Regel 1 setzt Wert auf X, Regel 2 setzt Wert auf Y), entscheidet die Priorität:

  • Höhere Nummer = höhere Priorität
  • Bei Gleichstand: spätere Regel im Editor gewinnt

💡 Best Practice: Vergib bewusst Prioritäten in 10er-Schritten (10, 20, 30, …), damit du später dazwischen schieben kannst.


Typische Setups

„Vermarktungsart wechselt → Beschriftung anpassen"

  • Bedingung: Vermarktungsart = Miete
  • Aktion: Feld Kaufpreis → Beschriftung ändern auf Kaltmiete
  • Aktion 2: Feld Kaufpreis → Bezeichnung Suffix (€/Monat)

„Wenn Provisionsfrei → Provisions-Felder ausblenden"

  • Bedingung: Provisionsfrei = Ja
  • Aktion: Felder Provision Außen, Provisions-Prozent, MwSt. → Ausblenden

„Käufer-Name muss bei Kaufverträgen ausgefüllt sein"

  • Bedingung: Vertragsart = Kaufvertrag
  • Aktion: Feld Käufer-Vorname + Käufer-Nachname → Pflichtfeld

„Innenprovision automatisch rechnen"

  • Bedingung: Kaufpreis ist nicht leer UND Provisions-Prozent ist nicht leer
  • Aktion: Feld Summe Innenprovision → Wert rechnen → {{multiply:field:KAUFPREIS_ID|field:PROZENT_ID|/100}}

„Single-Select Optionen filtern abhängig von anderem Feld"

  • Bedingung: Bundesland = Bayern
  • Aktion: Feld Region → Optionen ausblenden → alle außer den bayerischen Regionen

Verwandt