Joomla 5 Notice

Today, October 31, 2023, we released Visforms 4.4.0.
We are pleased to announce that our Joomla extension Visforms is now compatible with Joomla 5.

Our Joomla extension Spambotcheck is currently not yet compatible with Joomla 5 and the installation cannot be started on Joomla 5. We expect to release a release with Joomla 5 compatibility shortly.

For all who are still updateing from Joomla 3 to Joomla 4: Joomla 4 Migration instructions are available here:

There is now a separate Documentation for Visforms for Joomla 4!

Forum

Visforms subscription user can ask questions in our forum. Please log in with the relevant user first.
Everybody can access the forum for reading.

Inportant forum rule: Please only ask 1 question per topic.

Mehrseitiges Formular Seite 2 (fieldset-2) startet nicht ganz oben

More
2 weeks 21 hours ago - 2 weeks 21 hours ago #9863 by m.flack
Hallo,
ich habe eine mehrseitiges Formular mit entsprechend vielen Feldern pro jeweiliger Seite. Wenn man auf der ersten Seite unten angekommen ist und auf den „weiter“ button klickt, erscheint die zweite Seite aber auf gleicher scroll-Höhe wie man die erste verlassen hat, statt ganz oben zu beginnen / nach oben zu scrollen.Im HTML sieht man, dass beim Klicken über die .active Klasse dem fieldset-1 der display:block genommen und dafür none gegeben und dem fieldset-2 anders herum none durch block getauscht wird, um die nächste Seite darzustellen. Soweit gut, aber die zweite Seite startet dann leider weiter unten. Soweit runter gescrollt, wie man es auf der ersten Seite benötigte, um den „weiter“ Button zu erreichen. Gibt es keine Funktion die mit dem active switch, ein scroll to top ausführt oder ähnliches?

Ich habe testweise den „Focus auf 1. Feld setzen“ ein und ausgeblendet sowie verschiedene Browser und mobilen Geräte getestet. Auch global alle Templatestyles und externe libraries auskommentiert. Auch in dieser rohen plain HTML Darstellung, startet er fieldset-2 auf der Höhe, die man im ersten fieldset-1 runter gescrollt hat.

… was kann ich tuen?

Vielen Danke für ein Feedback!
Last edit: 2 weeks 21 hours ago by m.flack.

More
2 weeks 9 hours ago - 2 weeks 9 hours ago #9864 by Administrator IV
Hallo m.flack,

das von dir beschriebene Verhalten ist nicht immer wünschenswert.
Das Formular kann in einem Modul, einem Artikel oder auf einer komplexen Seite weit unten stehen.
In all diesen Fällen ist ein Scroll, zurück nach oben auf die Seite, nicht gut.

Viele Anwender verwenden mehrere Seiten um das Formular so aufzuteilen, dass die einzelnen Seiten des Formulars wenig Felder enthalten und dadurch klein und übersichtlich belieben.
Auch in diesen Fällen ist es wünschenswert, wenn die Seite nicht scrollt und stehen bleibt.

Das von dir beschriebene Verhalten kannst du aber trotzdem sehr leicht mit den Visforms 'Frontend Webassets' erreichen.

Das ganze wird in der Dokumentation beschrieben.
Frontend Webassets:
docs.joomla-4.visforms.vi-solutions.de/d...-frontend-webassets/
Alle Einstellungen werden im Formular vorgenommen:
docs.joomla-4.visforms.vi-solutions.de/d...formular-vorgenommen

In deinem Falle sieht die JavaScript Lösung wir folgt aus.
Die meisten Zeilen sind Kommentare oder auskommentierte Log-Einträge in die Entwickler-Konsole zur Kontrolle.

Lösung A: Das Formular scrollt ganz nach oben auf der Seite.
Füge den folgenden Code auf dem Reiter 'Formular' in das Feld 'JavaScript' und klicke auf 'Speichern'.
Code:
jQuery(document).ready(function() {     // console.log('FEWA script loaded');     jQuery('input.next_btn').on('click', function () {         // console.log('button clicked');         // option A: scroll next form page to start of form         let pos = jQuery('form.visform').position();         window.scrollTo(pos.left, pos.top);     }); });


Lösung A: Das Formular scrollt ganz nach oben auf den Anfang des Formulars.
Füge den folgenden Code auf dem Reiter 'Formular' in das Feld 'JavaScript' und klicke auf 'Speichern'.
Code:
jQuery(document).ready(function() {     // console.log('FEWA script loaded');     jQuery('input.next_btn').on('click', function () {         // console.log('button clicked');         // option B: scroll next form page to start of whole page         window.scrollTo(0, 0);     }); });


Das 'Zurück' wird weiterhin unten stehen bleiben, so dass in der Reihenfolge der Felder gesehen, das letzte davor kommt, welches bei zurück unten auf der Seite steht.

Trotzdem überlegen wir, ob wir der Formular-Konfiguration eine neue Option hinzufügen.
Ganz im Sinne deiner Anforderung, etwa wie
- 'scrolle nicht zurück'
- 'scrolle zurück zum Seiten-Anfang'
- 'scrolle zurück zum Formular-Anfang'.

Ich habe dazu einen Issue zur Entwicklung für die Wunschliste angelegt:
Issue [VF-929] Forum: large multi page form: scroll to top of form after clicking the 'next page' button

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

Liebe Grüße, Ingmar

:idea: I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-4.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-).

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-4.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).
Last edit: 2 weeks 9 hours ago by Administrator IV.

More
2 weeks 5 hours ago #9871 by m.flack
Klasse! Danke für die schnelle Antwort und Lösung. Funktioniert wunderbar.
In Zukunft nativ schon drin, wäre natürlich super.
Schöne Grüße

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum