Visforms Update von Joomla!3 auf Joomla!4

Hallo,

ich habe unsere Webseite [url] www.mcv-moemlingen.de [/url]  (zurzeit noch Joomla!3) auf der Testseite [url] joomla4.mcv-moemlingen.de [/url] auf Joomla!4 umgestellt und auch Visform gemäß der  Anleitung ([url] vi-solutions.de/de/support/dokumentation...gration-auf-joomla-4 [/url]) upgedatet.Leider hat sich die Ansicht der Formulare total geändert und sie sind so unbrauchbar.

Hier ein kleines Beispiel.:
- Kontaktformular unter Joomla!3: [url] joomla4.mcv-moemlingen.de/kontakt [/url]
- Kontaktformular unter Jooma!4: [url] www.mcv-moemlingen.de/kontakt [/url]

Bei anderen Formularen, die zurzeit nicht frei geschaltet sind, sieht es auch so aus:

Anmeldformular unter Joomla!3:
 

Anmeldformular unter Joomla!4:
 

Ich dachte, durch das Update könnte ich alle vorhandenen Formulare 1:1 weiter nutzen.
Muss ich nun alle Formular neu erstellen oder gibt es eine einfache Möglichkeit die J3-Formulare unter J4 weiter zu verwenden?

Viele Grüße
Kurt
 

Hallo Kurt,

beim Update von J3 auf J4 werden alle Formular-Konfigurationen 1:1 auf die neue Joomla Version übernommen.
Auf J4 nutzen allerdings viele Templates neuere Version der UI-Frameworks.
Das musst du in deinen Formularen entsprechend einstellen.

Offensichtlich hat auch das von dir verwendete Template für J4 das UI Framework umgestellt.
Auf Joomla 3 hat dein Template Bootstrap 2 verwendet, was aus deinen Links hervor geht.
Auf Joomla 4 verwendet es Bootstrap 5.
Das ist eine gravierende Änderung und entsprechend musst du die Layout-Konfiguration deiner Formulare und Felder nachziehen.

Wie das geht, wird in der Dokumentation beschrieben:

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.

Liebe Grüße, Ingmar

   

Hallo Ingmar, 
das hat mir schon weiter geholfen.

Allerdings finde ich keine Einstellmöglichkeit, ein Feld z.B. auf eine Breite von 8 darzustellen, da unter Joomla!4 bei den Einstellungen nur die Schritte !/12, 2/12, 3/12, 4/12 6/12 und 12/12 zur Auswahl stehen.

Hier die Darstellung unter Joomla!3:
 

Backend dazu:
 

Unter Joomla!4 finde ich keine Möglichkeit z.B. den Ort oder Betreff auf die Breite 8 einzustellen:
 

Backend dazu:
 

Kannst Du mir hier weiter helfen?

Danke
Kurt
 

Hallo Kurt,

da hast du recht, denn dieses Einträge fehlen in der Listbox zur Auswahl der Breite der Control-Gruppe tatsächlich.
In der Auswahl für die Labelbreite sind sie vorhanden.

Wir sehen das als einen Bug in Visforms an und werden das Verhalten anpassen.
Ich habe dazu einen Issue zur Entwicklung für die Bug-Liste angelegt:
Issue [VF-879] Forum: Multi-Column Layout: Add missing control-group width selection entries (4, 7-11)

Wenn wir den Bug-Fix releasen, wirst du explizit über das Release hier im Thema informiert.
Vielen Dank nochmal für deinen Hinweis!

Es gibt aber noch einen Workaround für dich bis dahin:

Du kannst recht einfach eine 'Dreiteilung der Zeile' erreichen wie in folgendem Formular-Beispiel zu sehen ist.
Felder 'text-3' und 'text-6' haben eine Breite von 8/12.
Felder 'text-4' und 'text-4' haben eine Breite von 4/12.
Damit werden die beiden Zeilen (Zeile 3 mit 'text-3' und 'text-4', Zeile 2 mit 'text-5' und 'text-6') in 4 und 8 Teile unterteilt.
vi-solutions.de/forum-uploads/multi-colu...nfiguration_form.png

Konfiguration der Felder 'text-3' und 'text-6':
- Alle Parameter 'Breite der Control-Gruppe' = 12 / 12
- Parameter 'CSS Klasse der Control-Gruppe' = col-sm-8 col-md-8 col-lg-8 col-xl-8 col-xxl-8
vi-solutions.de/forum-uploads/multi-colu...ion_field-size-8.png

Konfiguration der Felder 'text-4' und 'text-5':
- Alle Parameter 'Breite der Control-Gruppe' = 4 / 12
vi-solutions.de/forum-uploads/multi-colu...ion_field-size-4.png

Erläuterung zu den Klassen des Parameters 'CSS Klasse der Control-Gruppe':
- col-sm-8 (wird verwendet für Smartphone und alle größeren Devices),
- col-md-8 (Tablet und alle größeren Devices),
- col-lg-8 (Desktop und größer),
- col-xl-8 (Großer Desktop und größer),
- col-xxl-8 (nur ganz große Desktops).

Liebe Grüße, Ingmar

Hallo Ingmar,

danke, das werde ich mal ausprobieren bis der Bugfix released ist.

Viele Grüße
Kurt