Accordion

Guten Tag Team Visforms,
ich bin begeistert von der Vielseitigkeit von Visforms.
Ich entwickle in der lokalen Umgebung und kann aktuell keinen Link schicken.
Mein Formular ist so aufgebaut und passt wunderbar…

1. Personenbezogene Eingabefelder (Name, Anschrift, ect.)
   Alle Accordions sind geschlossen…
2. Accordion
   Select-Feld
   Texteingabefeld
3. Accordion
   Select-Feld
   Texteingabefeld
4. Accordion
   Select-Feld
   Texteingabefeld
5. Accordion
   Select-Feld
   Texteingabefeld
6. Normales Texteingabefeld 
7. Datenschutz zum Anhaken mit Link zum Datenschutz
8. Captcha

Jetzt kommt der "Prüfen-Button" und auf der nächsten Seite wird die Zusammenfassung gezeigt.
Aber:
Die Punkte 6 - 8 (Rot) verschwinden leider im Accordion 5. und damit sind sie nicht sichtbar.
Wie bekomme ich diese heraus, sodas sie unter den geschlossenen Accordions angezeigt werden?

Für Hilfe bin ich dankbar, komme einfach nicht weiter.
Besten Dank und Grüße
Gisela

Liebe Gisela,

herzlichen Dank für deine tolle Rückmeldung zu Visforms.
Darüber freuen wir uns sehr!

Das normale Verhalten von Visform ist, dass
alle echten Formularfelder immer innerhalb der Accordions sind.
Man kann über dem obersten Accordion Formularfelder platzieren, die immer sichtbar sind, aber nicht unter dem letzten.
D.h. 6. und 7. stehen immer im letzten Accordion.

Allerdings wird das Captcha (8.), wenn eine Zusammenfassungsseite verwendet wird, immer auf der Zusammenfassungsesite unten angezeigt.
Auch die Aktions-Button (Absenden, Reset) stehen immer unten auf der Zusammenfasungsseite.

Insofern stimmt etwas mit deinem Formular nicht.

Interessant wäre in diesem Fall folgende zusätzliche Informationen
1a. Welches Layout Framework ist im Formular ausgewählt?
1b. Welches Layout Framework verwendet dein Template?
2. Welche Versionen von Visforms und Subscription sind installiert?
3. Verwendest du in einem Formularfeld die Option 'Benutzerdefnierter Text'?
Ist es evtl. möglich, dass dort HTML eingetragen ist, dass nicht ganz 'sauber' ist, d.h. dass irgendwo ein schließendes HTML Tag fehlt, oder Ausführungszeichen fehlen o.ä?

Herzliche Grüße,
Aicha

Guten Morgen Aicha,
sehr gerne. Ich komme von Breezing Forms und arbeite mich nun in Visforms ein.
Herzlichen Dank für die schnelle Rückmeldung.

Zunächst die Informationen zum Hintergrund:
PHP-Version 8.4.1
Astroid Framework 3.3.3
Bootstrap 5
Uikit 3

Captcha und Absendebutton auf der Zusammenfassungsseite ist klar. Ich habe mich etwas unglücklich ausgedrückt.

Was ich unter den geschlossenen Accordion benötige, ist:
• ein normales Texteingabefeld.
• und die Erläuterung zum Datenschutz, der ein Feld zum Anhaken zu "gelesen" enthält, sowie einen Link zum Datenschutz-Text. 

Das o.k zum Datenschutz kann/sollte auf der Übersichtsseite stehen. Das letzte Accordion verleibt es sich jedoch ein,
genauso wie das Texteingabefeld. dessen Ergebnis ich auch in der Zusammenfassung benötige.
 
Hintergrund zum Aufbau ist, dass der User eine normale E-Mail schreiben (alle Accordion sind geschlossen) kann oder aber für seine Anfrage umfangreiche Auswahlen treffen und Wünsche eingeben kann. Die geschlossenen Bereiche stellen die Produktgruppen dar.

Sinn der Sache ist, den User nicht zu erschlagen mit seinen Anfragemöglichkeiten, deshalb möchte ich ein kompaktes Formular.
Das Formular ist unter Layout/Erweitert auf Bootstrap 5 eingestellt, das ist vom Design her das schönste.

Ich bin gespannt auf deinen Lösungsansatz

Grüße, Gisela

Liebe Gisela,

danke für die Klärung.

Leider ist es, wie bereits von mir beschrieben, nicht möglich Felder unterhalb des Accordion anzufügen.
Der letzte Accordion-Eintrag enthält immer alle Felder, die in der Feldreihenfolge unterhalb des Feldtrenner-Feldes stehen.

Ich sehe aber, dass dies ein interessanter Anwendungsfall ist.
Ich habe dazu einen Issue zur Entwicklung in der Wunschliste angelegt:
Issue [VF-1574] : Accordion Layout: Allow to add fields outside the last accordion tab at the bottom of the form

Wenn wir das neue Feature releasen, wirst du explizit über das Release hier im Thema informiert.
Vielen Dank nochmal für deinen Vorschlag!

Lösungsvorschläge:

Du könntest einen letzten Accordion Eintrag für diese Pflichfelder anlegen und diesen entsprechend benennen, so dass den Kunden klar ist, dass hier Felder sind, die sie ausfüllen müssen.

Visforms bietet mit den Front-End Webassets eine sehr leistungsfähige Schnittstelle um individuelles Javascript zu einem Formular hinzuzufügen.

docs.joomla-5.visforms.vi-solutions.de/d...assets/introduction/

Prinzipiell ist es mit Javascript möglich, HTML Element zu verschieben, also die ganzen Feldgruppen aus dem Accordion herauszuholen und an anderer Stelle einzufügen.
Das ist aber schon ein fortgeschrittener Anwendungsfall, und erfordert gute Kenntnisse in Javascript.

Liebe Grüße,
Aicha
 

Dankeschön für die Hilfe.
Der Beitag #11693 hat mich weitergebracht:
Ich lasse das letzte Accordion offen und style es mit css neutral wie den Rest des Formulars.
Das müsste klappen.

Hallo Gisela,
danke für deine Rückmeldung.
Toll, dass du diesen Beitrag gefunden hast und darauf einen Lösung aufbauen kannst.
Ich füge hier noch mal den ganzen Link zum Beitrag ein, dann ist dieser leichter zu finden.
vi-solutions.de/de/forum/19-joomla-exten...b-offen-lassen#11693
Herzliche Grüße,
Aicha