vi-solutions
Software + Internet

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.

Important information for almost every question:
V1: Which Visforms version is running?
V2: Which Joomla version is running?
V3: Which PHP version is running?

Bei Bootstrap-Indivduell: Warum max. Breite der control-group vorgegeben?

More
2 weeks 17 hours ago - 2 weeks 17 hours ago #11559 by ejbm
Bei Bootstrap-Indivduell: Warum max. Breite der control-group vorgegeben? was created by ejbm
Hallo vi-Team,

mir ist gerade beim Einrichten einer neuen Seite folgendes aufgefallen:

Mit den Layout-Einstellungen "Bootstrap / Indivduell" wird für jedes Element mit der Klasse "control-group" eine max. Breite von 240px vorgegeben:

Code:
.form-control, .contact-category #filter-search, .content-category #filter-search, .com-content-archive #filter-search {     max-width: 240px; }


Das macht horizontale Layouts schwierig. Etwa wenn zwei Formularfelder nebeneinander eine Zeile ausfüllen sollen (siehe Screenshot).  Es gibt doch für die Breite der Felder bzw. Gruppen extra die Einstellungen mit den Bootstrap-Breakpoints. Die funktionieren auch, nur sind die Input-Elemente dann weiterhin auf die 240px beschränkt.

Habe ich hier etwas nicht verstanden oder eine Option übersehen? Bitte erklären.

Habe nicht getestet, wie es sich bei anderen Layout-Einstellungen verhält.


Joomla 5.3.0
Visforms Version 5.4.0, Subscription Version 5.4.0
PHP 8.3.19
Attachments:
Last edit: 2 weeks 17 hours ago by ejbm.

More
2 weeks 14 hours ago #11563 by Administrator IV
Replied by Administrator IV on topic Bei Bootstrap-Indivduell: Warum max. Breite der control-group vorgegeben?
Hallo ejbm,

vielen Dank für die Versions-Informationen und den Screenshot.

Zu: max-width: 240px;

Die CSS-Klasse 'control-group' zieht die genannte Formatierung nicht an.
Die CSS-Klasse 'control-group' kommt im genannten CSS-Selektor nicht vor.

Die genannte Formatierung kommt nicht von Visforms.
Die genannte Formatierung stammt von deinem verwendeten Template.

Bootstrap sieht vor, dass bestimmten Standard-Form Input-Elementen die CSS-Klasse 'form-control' vergeben wird.
Dieser Anforderung kommt Visforms nach und setzt die CSS-Klasse 'form-control' entsprechend.

Die Implementierung des Bootstrap CSS deines verwendeten Templates vergibt für diesen Selektor die genannte maximale Breite.

Für das das Joomla Template 'Casssiopeia' etwa ist die konkrete Implementierung des CSS  hingegen wie folgt:
Code:
.form-control {     width:100% }

In diesem Fall musst du das Template anpassen und eventuell individuelles CSS schreiben und damit das CSS des Templates korrigieren.

Du kannst das individuelle CSS für das Template selbstverständlich auch innerhalb Visforms schreiben.
Etwa für alle Stellen mit diesem einen Visforms-Formular mit den 'Visforms - Frontend Webassets'.
Frontend Webassets:
docs.joomla-5.visforms.vi-solutions.de/d...-frontend-webassets/
Oder etwa für alle Stellen mit Visforms wie folgt.
Layout mit CSS anpassen:
docs.joomla-5.visforms.vi-solutions.de/d...wache-css-selektoren

Hintergrund:

Es ist nicht sinnvoll, wenn Visforms sich mit eigenem CSS gegen die Vorgaben des Templates durchsetzt, indem es etwa ein
.form-control {width:100%}
erzwingt.

Visforms besondere Strategie der passiven Integration:
docs.joomla-5.visforms.vi-solutions.de/d...ruture/introduction/
Visforms verwendet schwache CSS Selektoren
docs.joomla-5.visforms.vi-solutions.de/d...wache-css-selektoren

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

More
2 weeks 14 hours ago #11564 by ejbm
Replied by ejbm on topic Bei Bootstrap-Indivduell: Warum max. Breite der control-group vorgegeben?
Ach, sorry. Durch die CSS-Komprimierung habe ich nicht erkannt, woher die CSS-Regel kommt.

Pardon!

Moderators: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Extensions

Useful extensions for Visforms which enable you to integrate your forms perfectly into your website and to perform special tasks which turn Visforms into much more than just a form generator.

Info