Kann man das Aussehen der Checkbox Gruppe beeinflussen?

Hallo Martin,

selbstverständlich kannst du das Aussehen und das responsive Verhalten der Checkbox Gruppe beeinflussen.

Ich habe mir die Seite mit den Entwickler-Tools angesehen:
Als erstes musst du dich um die einfachen Grundlagen und die passenden Einstellungen in der Formular-Konfiguration kümmern.

Mit den Entwickler-Tools kannst du folgendes sehen.
1. Welches Template du verwendest: shaper_helixultimate
<link href="/templates/shaper_helixultimate/icon-font/lineicons.css" rel="stylesheet">

2. Welches UI-Framework das Template verwendet:  Bootstrap v4.1.0
Bootstrap v4.1.0 ( getbootstrap.com/ )

3. Welches UI-Framework du in der Formular-Konfiguration gewählt hast: Option ‘UI Framework’ = 'Keines'
<form class="visform defaultform"> HTML-Elementt

Das UI-Framework des Templates passt nicht mit der gewählten Option ‘UI Framework’ = 'Keines' aus der Formular-Konfiguration zusammen.
Diese müssen übereinstimmen.
Grundlegende Layout-Fragen und Settings:
docs.joomla-4.visforms.vi-solutions.de/d...-fragen-und-settings

Ich rate dir als erstes, die Option ‘UI Framework’ mit den Einstellungen 'Bootstrap 4' und 'Bootstrap 5' auszuprobieren.

Gut möglich, dass das Formular in deinem 'helixultimate' Template auch mit der Visforms Einstellung 'Bootstrap 5' sehr gut funktioniert.
UI-Framework auswählen:
docs.joomla-4.visforms.vi-solutions.de/d...ework-ausw%C3%A4hlen

Erst wenn diese Einstellungen richtig sind, kannst du sehen und entscheiden, ob eventuell weitere manuelle Anpassungen notwendig sind.
Dazu gibt es zwei Bereiche:
- Erste Wahl: Einstellungen im gewählten Template.
- Zweite Wahl: Anpassungen mit den Frontend Webassets in Visforms.

Allgemeines zu Layout-Fragen findest du in der Dokumentation.

Einführung in Layout-Konfiguration und Layout-Fragen:
docs.joomla-4.visforms.vi-solutions.de/d...on-und-layout-fragen

Front-End-Web-Assets:
docs.joomla-4.visforms.vi-solutions.de/d...ons/add-script-fewa/

Liebe Grüße, Ingmar

Danke, das Checkbox-Aussehen hat sich tatsächlich verbessert!

Hmm, leider funktioniert die Einstellung mit Bootstrap 4 oder 5 nicht. Das Aussehen ist nicht optimal. Evtl nur nicht im Zusammenspiel mit dem von meinem admin eingesetzten CSS "palette". Bootstrap 5 wird bei mir nicht angeboten. Bei Bootstrap 3 sieht das Formular noch am besten aus. Leider gibt es dabei 2 Probleme:

1. Die jeweiligen Checkboxen bei den Produktkategorien kann man beim Desktop nur ankreuzen, wenn man auf die Schrift geht. Ich hab es selbst fast nicht kapiert, da ich nur wild auf die Kästchen klickte und nicht auf den Text dahinter.

2. Bei keiner UI-Framework blieb die jeweilige Kategorie ausgeklappt, sondern fuhr animiert auf und gleich wieder zu. Ich denke eher kein UI-Framework-Problem.

Hier zu sehen:
baier-online.com/de/profi-kontaktform-teil1

Danke für Ihre Hilfe!

Hallo Martin,

zu 1.:
Ich kann das beschriebene Verhalten weder im Firefox noch in Chrome reproduzieren.
Die Checkboxen bei den Produktkategorien kann ich beim Desktop bei beiden Web-Browsern ankreuzen, indem ich auf das Kästchen oder auf den Text klicke.

Zu 2.:
Die Lösung dazu steht in folgendem Post
vi-solutions.de/de/forum/19-joomla-exten...pe-beeinflussen#9516

Zitat:
... funktioniert das Akkordion auf deiner Seite mit folgendem kleinen zusätzlichen benutzerdefinierten CSS.



Liebe Grüße, Ingmar