vi-solutions
Software + Internet

Joomla 5 Mitteilung

Wir freuen uns mitteilen zu können, dass seit dem 29. Januar 2024 alle unsere Joomla Erweiterungen mit Joomla 5 kompatible sind.

Für alle die gerade noch von Joomla 3 auf 4 aktualisieren: Anleitungen für die Joomla 4 Migration gibt es hier:

Es gibt nun auch eine eigenständige Dokumentation für Visforms für Joomla 4 und für Visforms auf Joomla 5

Forum

Visforms Subscription Inhaber können in unserem Forum Fragen stellen. Bitte mit dem entsprechenden Benutzer anmelden.
Jeder kann lesend auf das Forum zugreifen.

Bitte stellen Sie nur 1 Frage pro Thema.

Wichtig Angaben für fast jede Frage:
V1: Welche Visforms-Version läuft?
V2: Welche Joomla-Version läuft?
V3: Welche PHP-Version läuft?

Mehrspaltiges Formular am Smartphone

Mehr
3 Monate 4 Wochen her #10567 von Administrator IV
Administrator IV antwortete auf Mehrspaltiges Formular am Smartphone
Hallo Knobloch,

vielen Dank für den Export des Formulars.
Ich habe es mir angesehen und es verhält sich tatsächlich nicht korrekt, also nicht so wie in der Feld-Konfiguration eingestellt und dementsprechend zu erwarten ist.

Ich sehe das als einen klaren Bug in Visforms an und wir werden das Verhalten anpassen.
Ich habe dazu einen Issue zur Entwicklung in der Bug-Liste angelegt:
Issue [VF-1171] Forum: Boostrap 5: Control Group Width: Inconsitent and wrong CSS classes are set

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

In meiner nächsten Antwort beschreibe ich dir einen relativ einfachen Workaround mit den Visforms Frontend Webassets.
Mit diesem Workaround kannst du die gewünschte Einteilung erreichen und auch 'einstellen'.

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 :-).

Mehr
3 Monate 4 Wochen her - 3 Monate 3 Wochen her #10568 von Administrator IV
Administrator IV antwortete auf Mehrspaltiges Formular am Smartphone
Hallo Knobloch,

bis zum Release des oben erwähnten Bug-Fixes gibt es den folgenden Workaround.
Du kannst damit die Spaltenbreiten für ausgewählte Felder (hier die Feld-IDs) und Device-Größen (hier für 'Smartphone') nachträglich mit etwas JavaScript anpassen.
Damit erreichst du das gleiche wie in der Feld-Konfiguration bezüglich der verschiedenen Optionen 'Breite der Control-Gruppe XYZ'.

Das JavaScript:
Code:
// set responsive column size for mobile devices ('col-??') jQuery(document).ready(function() {     console.log('FEWA script loaded');     // array for the form field IDs     let IDs = [];     // Anzahl je Muster-kreisförmig (KR)     IDs = [586, 587, 588, 589, 590, 591];     setColClassValue(IDs, 4);     // Farbe zur ausgewählten Marke rund     IDs = [593, 594, 595, 596, 597, 598];     setColClassValue(IDs, 4);     // Anzahl je Muster - rechteckig (RE)     IDs = [601, 602, 603, 604, 605, 606];     setColClassValue(IDs, 4);     // Farbe zur ausgewählten Marke rechteckig     IDs = [608, 609, 610, 611, 612, 613];     setColClassValue(IDs, 4); }); function setColClassValue(IDs, width) {     jQuery.each(IDs, function(index, value){         jQuery(`div.field${value}`).removeClass('col-12').addClass(`col-${width}`);     }); }


Die Formular-Konfiguration, Reiter 'Frontend Webassets', Unter-Reiter 'Formular':
vi-solutions.de/forum-uploads/hundemarke...rm-configuration.jpg

Das Formular auf einem Smartphone:
vi-solutions.de/forum-uploads/hundemarken-form.jpg

Ich habe die Breite der Control-Gruppen nicht wie bei dir auf 1/12 gestellt.
Ich habe die Breite der Control-Gruppen auf 4/12 gestellt, weil ich meine und gesehen habe, dass 1/12 auf dem Smartphone definitiv viel zu schmal ist.
Du kannst die Breite der Control-Gruppen aber ändern (siehe unten).

Mir ging die Logik der Einstellungen, die ich vornehmen musste, durch die sehr kleinen Breiten total verloren.
Der Browser zeigt bei 1/12 nur ein kleines unscheinbares graues Kästchen ohne jeglichen Text an.

Der Code fasst die Felder zu 6er Gruppen zusammen, die ja alle die gleiche Breit haben sollen.
Du kannst aber für jede der 6er Gruppen, die Breite der Control-Gruppen im Code anpassen und ausprobieren, was dir am besten passt.

Du musst den JavaScript-Code an deine Feld-IDs anpassen:
Code:
... IDs = [608, 609, 610, 611, 612, 613]; setColClassValue(IDs, 4); ... function setColClassValue(IDs, width) {}


Zu: [608, 609, 610, 611, 612, 613]
Für diese IDs wird die Breite der Control-Gruppe 'Smartphone' in einem Rutsch gesetzt.

Zu: setColClassValue(IDs, 4);
Aus der 4 wird eine 4/12 Breite der Control-Gruppe 'Smartphone' (erscheint im HTML dann als CSS-Klasse 'col-4').

Aktuelles Fehlerverhalten (3 Fehler):
Die Feld-Einstellung 'Breite der Control-Gruppe Smartphone' ist nicht die Einstellung für das Smartphone (Fehler).
Die Feld-Einstellung 'Breite der Control-Gruppe Default' ist die Einstellung für das Smartphone (Fehler).
Die Feld-Einstellung 'Breite der Control-Gruppe Default' wird nicht übernommen (Fehler).

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 :-).
Letzte Änderung: 3 Monate 3 Wochen her von Administrator IV.

Mehr
3 Monate 3 Wochen her #10571 von KnoSoft
KnoSoft antwortete auf Mehrspaltiges Formular am Smartphone
Danke für die Antwort!
Ich habe, wie beschrieben das Script eingefügt(mit den angepassten ID's) und gespeichert-leider ohne Erfolg.
Ich habe sicher etwas übersehen....
 
Anhänge:

Mehr
3 Monate 3 Wochen her #10574 von Administrator IV
Administrator IV antwortete auf Mehrspaltiges Formular am Smartphone
Hallo Knobloch,

danke für den Screenshot!

Im obigen JavaScript-Code ist ein ganz offensichtlicher Fehler (Zeile 4 im Code).
Es kommt zu einem Syntax-Fehler und die Ausführung wird abgebrochen.
Deswegen kannst du auch keine Auswirkung sehen.
Die falsche Code-Zeile ist auch im Screenshot zu sehen.

Das war mein Versehen ...
Es muss irgendwie beim Kopieren für den Beitrag entstanden sein.
Ich verstehe nicht wie es dazu kam, weil an dieser Stelle nichts zu ändern gewesen war.
Aber egal, mit der folgenden minimalen Änderung funktioniert es.

Und ja, ich finde die Einteilung mit 4/12 bei den 6er Gruppen optisch und auch für die Auswahl ebenfalls optimal.

Es muss lauten:
Code:
// array for the form field IDs let IDs = [];

Es darf nicht lauten (habe es im Beitrag mit dem Code bereits korrigiert):
Code:
// array for the form field IDs let IDs = ;

Ändere die Stelle im Code und es sollte dann auch bei dir funktionieren.

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 :-).

Mehr
3 Monate 3 Wochen her #10575 von KnoSoft
KnoSoft antwortete auf Mehrspaltiges Formular am Smartphone
DANKE!
Es läuft wie erwünscht!

Mehr
3 Monate 3 Wochen her #10577 von Administrator IV
Administrator IV antwortete auf Mehrspaltiges Formular am Smartphone
Hallo Knobloch,

das freut mich!

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 :-).

Moderatoren: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Erweiterungen

Nützliche Erweiterung, die Visforms ergänzen und mit denen Sie Ihre Formulare nicht nur mit wenig Aufwand perfekt in die Funktionalität Ihrer Webseite integrieren können sondern die Visforms auch ganz neue Anwendungsbereiche erschließen können.

Info