Joomla 5 Notice

We are pleased to announce that as of January 29, 2024, all of our Joomla extensions are compatible with Joomla 5.

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 and for Visforms for Joomla 5!

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.

Please only ask 1 question per topic.

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

More
5 months 2 weeks ago - 5 months 2 weeks 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: 5 months 2 weeks ago by m.flack.

More
5 months 1 week ago - 4 months 4 weeks 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 B: 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-5.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-5.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: 4 months 4 weeks ago by Administrator IV.

More
5 months 1 week 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

More
1 month 2 weeks ago #10174 by Administrator IV
Hallo m.flack,

das neue Feature ist enthalten im neusten Release vom 06.03.2024 für Joomla 5:
Visforms 5.0.1
docs.joomla-5.visforms.vi-solutions.de/u...es/j5/version-5-0-1/
Visforms Subscription 5.0.1
docs.joomla-5.visforms.vi-solutions.de/u...5/sub-version-5-0-1/

In der Dokumentation wird es auch beschrieben.
Fokussierung des Formulars nach dem Umschalten auf eine neue Seite:
docs.joomla-5.visforms.vi-solutions.de/d...-auf-eine-neue-seite

Liebe Grüße, Ingmar

:idea: I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.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-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).
The following user(s) said Thank You: m.flack

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum