joomla 4.31 visform subscription 4.41 Responsive

habe probleme mit der formular darstellung auf handy
formular wird in der mitte horizontal abgeschnitten angezeigt.

www.erlebnispark-steinau.de/besuch-plane...ad/vereins-anmeldung

lg
mzwermann

Hallo mzwermann,

du verwendest eine benutzerdefiniert angepasste Variante vom Cassiopeia Template.
Das Cassiopeia Template basiert auf Bootstrap 5.
Offensichtlich hast du aber in der Formular-Konfiguration das Layout 'None' eingestellt.
Das geht aus dem HTML hervor, welches Visforms erzeugt.

In deinem Fall musst du in der Formular-Konfiguration, Reiter 'Erweitert', Gruppe 'Layout' den Parameter 'UI Framework' auf 'Bootstrap 5' umstellen.

Das alles wird übersichtlich auch in der Dokumentation beschrieben.
Ich rate dir, einen Blick in die gut navigierbare Dokumentation zu werfen.

Folgendes:

Bei Layout-Fragen verfolgt Visforms eine besondere Strategie der passiven Integration in das gewählte Joomla Site-Template.

Zitat:
Visforms versucht sich so weit wie möglich ins Look&Feel Ihrer Webseite anzupassen, indem es nur das minimale allernötigste eigene CSS mitbringt.
Die meisten Formatierungsregeln kommen daher aus dem CSS Ihres Templates.

Ich empfehle die folgenden Abschnitte in der Dokumentation als Einführung in Layout-Konfiguration und Layout-Fragen.

Layout-Konfiguration:
docs.joomla-4.visforms.vi-solutions.de/d...ayout-configuration/
Subscription Layouts:
docs.joomla-4.visforms.vi-solutions.de/d...ubscription/layouts/
Layout mit CSS anpassen:
docs.joomla-4.visforms.vi-solutions.de/d...orm-layout-with-css/

Die grundlegenden Layout Fragen und Settings sind:
- welches UI-Framework das gewählte Template verwendet,
- welches UI-Framework in Visforms eingestellt ist
(Formular-Konfiguration, Reiter ‘Erweitert’, Gruppe ‘Layout’),
- welches Sublayout in Visforms eingestellt ist, falls vorhanden
(Formular-Konfiguration, Reiter ‘Erweitert’, Gruppe ‘Layout’).

Es ist Aufgabe des Templates, die Anzeige zu steuern und auch responsiv zu reagieren.
Ausschlaggebend ist auch, ob und wie weit das eingesetzte Template die Anforderungen des UI-Frameworks auch tatsächlich umsetzt.

Zusammenfassung: Die Einstellung des UI-Frameworks in Visforms muss zum UI-Framework passen, das dein Template verwendet.

Liebe Grüße, Ingmar