Layout CSS Verhalten

Hallo,

so langsam werde ich Irre...

Habe nun die Kompoente und die Subscription auf den aktiven Server Installiert.
Testweise ein Formular angeledt mit drei Feldern
- Vor- und Nachname
- Datum 1 (Required ja)
- Datum 2 (Required ja)

Im Formular die Einstellungen
- Ui Framework "Bootstrap 5"
- Sublayout "Individuell"
- Required * zeigen "Nein"

Wenn ihr euch das Layout mal unter Kontakt Pension anseht, liegen die Felder teilweise übereinander, sind zu hoch usw.

Auf dem aktiven Server unter VisForms CSS habe ich noch kein eigens CSS angelegt!

Local habe ich versucht unter custom.css einges zu machen aber genau die Abstände zwischen den Feldern und die Feldhöhen wollen nicht klappen.
Habe mal die css Datei Hochgeladen formulare.css.txt

Wie bekomme ich das hin das alle Felder die gleichen abstände zu einander und die gleichen höhen bekommen.

Viele Grüße
Dirk

Hallo,

habe es endlich hinbekommen!
Hab es doch mit einer eigenen css datei geschafft.
pension-kunterbunt.com/buchungen.html

LG
Dirk

Hallo Dirk,
gut, dass du es hinbekommen hast!
Leider ist das unansehnliche Formular nun nicht mehr zu sehen.
Eigentlich wird Visforms auf Anhieb und ohne eigenes CSS zu schreiben sauber und ordentlich angezeigt.

Ui Framework 'Bootstrap 5' und Sublayout 'Individuell' funktionieren in der Regel sehr gut.
Auch können damit mehrspaltige Formulare wie deines gut umgesetzt werden.

Ein einfaches Beispiel:
vi-solutions.de/forum-uploads/multi-column-form_1.png

Bei Überschneidungen stimmen häufig die gewählten Feldbreiten und Labelbreiten nicht:
Feldkonfiguration, Reiter 'Erweiter', Parameter 'Feldbreite Default ...' und 'Labelbreite Default ...'

Hast du in der Dokumentation den folgenden Abschnitt gelesen?
docs.joomla-4.visforms.vi-solutions.de/d...bootstrap-5-layouts/

Gruß, Ingmar