Feld mit bedingter Anzeige verstecken

Hallo,

ich versuche ein Feld mit bedingter Anzeige zu verstecken (da man leider bei versteckten Feldern keine bedingten Felder konfigurieren kann). Mein Ziel ist folgendes: Ich möchte bei einer bestimmten Auswahl ein bedingtes Feld anzeigen. In diesem bedingten Feld soll der User eine Auswahl treffen, bei einer bestimmten Auswahl wird dann ein nicht angezeigter Text übernommen und in der Email mitgesendet.

Dazu habe ich folgendes versucht:
Feld1 (Radiobox mit Option 1 und 2)
Feld2 (Radiobox mit Option 1 und 2) dieses Feld hat die Bedingung Feld1.Option2 und wir daher nur dann angezeigt.
Feld3 (Text) angelegt. Dieses Feld hat als Bedingung Feld2.Option2. Und enthält z.B. den Satz "Test".

Den Satz "Test" (und das Label des Felds) möchte ich aber verstecken, der User soll diesen nicht sehen. Dazu habe ich verschiedene CSS Klassen (in dem Fall "hideme") versucht:

.hideme {display: none !important;}

und

.visform input.hideme {display: none;}

Damit funktioniert es aber nicht: Der Text ist für den User zwar nicht sichtbar, wird dann aber leider auch nicht mit der Email übermittelt. Er soll aber unbedingt in der Mail sein.

Wie kann ich es also anstellen, einen Text in die Mail zu bringen den der User nicht sieht und der nur bei einer bestimmten Auswahl inkludiert wird?

Vg,
Jonas

Hallo Jonas,

Zitat von oben:

Wichtige Angaben für fast jede Frage:
V1: Welche Visforms-Version läuft?
V2: Welche Joomla-Version läuft?
V3: Welche PHP-Version läuft?

Deine Idee und Umsetzung funktionieren in meinem Beispiel ohne Einschränkung.

Das Beispiel zeigt noch eine weitere Möglichkeit mit nur einem einzigen Feld für den Text in der E-Mail.
Das Feld kann vom Typ 'Text' oder 'Versteckt' sein und hat jeweils einen SQL-Text (siehe unten).
Beim Feld-Typ 'Versteckt' wird das Feld automatisch nicht angezeigt und es entfällt die manuelle Unterdrückung der Anzeige durch eine eigene CSS-Klasse.

Mein Beispiel:

Formular ohne Auswahl:
vi-solutions.de/forum-uploads/dependent-hidden-field-form-1.png

Formular mit Auswahl 'label-2' in 'option-1':
vi-solutions.de/forum-uploads/dependent-hidden-field-form-2.png

Formular mit Auswahl 'label-2' in 'option-2':
vi-solutions.de/forum-uploads/dependent-hidden-field-form-3.png

Formular-Daten-Ansicht:
vi-solutions.de/forum-uploads/dependent-...-field-form-data.png

Formular-Konfiguration:

Reiter 'Frontend Webassets', Unter-Reiter 'Formular',
Parameter 'CSS' =
.hide-me {
    display: none;
}

Feld-Konfigurationen und Aufgaben:

Feld 'option-1': Typ Listbox, Steuerfeld
Steuert die Anzeige von bedingtem Feld 'option-2':
'option-1' = 'label2' --> 'option-2' ist sichtbar

Feld 'option-2': Typ Listbox, bedingtes Feld und Steuerfeld
Steuert die Anzeige von bedingten Feldern 'text-1', 'text-2':
'option-2' = 'label1' --> 'text-1' ist sichtbar
'option-2' = 'label2' --> 'text-2' ist sichtbar
Ist ein bedingtes Feld: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Dynamische-Einstellungen':
Parameter 'Bedingte Anzeige' = 'option-1 || label2'

Feld 'text-1': Typ Text, bedingtes Feld
Ist ein bedingtes Feld: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Dynamische-Einstellungen':
Parameter 'Bedingte Anzeige' = 'option-2 || label1'
Enthält einen Startwert: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Startwert-Einstellungen':
Parameter 'Feld füllen mit' = 'Startwert'
Parameter 'Startwert' = 'Wert text-1'
Wird versteckt durch eigene CSS-Klasse: Feld-Konfiguration, Reiter 'Layout', Gruppe 'CSS-Klassen-Einstellungen':
Parameter 'CSS Klasse Control-Gruppe' = 'hide-me'

Feld 'text-2': Typ Text, bedingtes Feld
Ist ein bedingtes Feld: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Dynamische-Einstellungen':
Parameter 'Bedingte Anzeige' = 'option-2 || label2'
Enthält einen Startwert: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Startwert-Einstellungen':
Parameter 'Feld füllen mit' = 'Startwert'
Parameter 'Startwert' = 'Wert text-2'
Wird versteckt durch eigene CSS-Klasse: Feld-Konfiguration, Reiter 'Layout', Gruppe 'CSS-Klassen-Einstellungen':
Parameter 'CSS Klasse Control-Gruppe' = 'hide-me'

Feld 'text-3': Typ Text
Wird versteckt durch eigene CSS-Klasse: Feld-Konfiguration, Reiter 'Layout', Gruppe 'CSS-Klassen-Einstellungen':
Parameter 'CSS Klasse Control-Gruppe' = 'hide-me'
Ist ein SQL-Feld: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Dynamische-Einstellungen':
Parameter 'SQL-Feld' = 'Ja'
Parameter 'Bei Änderung von nachladen' = 'option-2'
Parameter 'Feldwert SQL-Statement' =
select CASE
    WHEN 'value1' in ${input:option-2} THEN 'result-value1'
    WHEN 'value2' in ${input:option-2} THEN 'result-value2'
    ELSE ''
END;

Feld 'hidden-1': Typ Versteckt
Ist ein SQL-Feld: Feld-Konfiguration, Reiter 'Grundeinstellungen', Gruppe 'Dynamische-Einstellungen':
Parameter 'Bei Änderung von nachladen' = 'option-2'
Parameter 'SQL-Feld' = 'Ja'
Parameter 'Feldwert SQL-Statement' =
select CASE
    WHEN 'value1' in ${input:option-2} THEN 'hidden-value1'
    WHEN 'value2' in ${input:option-2} THEN 'hidden-value2'
    ELSE ''
END;

Fazit:

- Die CSS-Eigenschaft 'display: none' hat keinen Einfluss auf die Übertragung der Feld-Werte beim Absenden des Formulars.
  Das soll auch nicht sein.
  Das HTML-Attribut 'disabled' verhindert die Übermittlung von Werten.
- Es geht auch mit nur einem (1) Feld vom Typ 'Text' oder 'Versteckt'.
  Damit erleichtert sich der Aufbau des E-Mail-Templates und des PDF-Templates.
  Auch in der automatisch erzeugten Daten-Liste in der E-Mail wird es einfacher lesbar.

Liebe Grüße, Ingmar

Wow, jetzt geht es. Ich hab keine Ahnung warum das gestern nicht ging (ich hab wirklich viel probiert), vielleicht war der Kaffeemangel schuld Vielen vielen Dank, Klasse Support hier!

Hallo Jonas,

ich freue mich, dass es nun auch bei dir wie erwartet funktioniert und Danke für dein tolles Feedback.

Und ja genau, Software-Entwickler verwandeln Kaffee in Code ...

Liebe Grüße, Ingmar

Hallo Jonas,

Zu: Issue [VF-1459] Forum: Create Example: Dependent hidden field value in email

Die Dokumentation wurde mit dem obigen Beispiel um den folgenden Abschnitt erweitert.
Abhängige versteckte Felder:
docs.joomla-5.visforms.vi-solutions.de/d...ndent-hidden-fields/

Unter Umständen wird noch eine alte Seite angezeigt, was am Zwischenspeichern von Seiten durch den Web-Browser liegt.
Die Anzeige des neuen Textes mit Leerung des Browser Caches erfolgt mit folgender Tastenkombination:
Strg + Umschaltung + R.

Liebe Grüße, Ingmar