CSS und Feld-ID

Guten Tag ins Forum,
in den Formularfeldern kann man unter dem Reiter "Layout" eine CSS-Klasse definieren.
In den Werkzeugen für Webentwickler/Webdeveloper wird jedoch keine hinzugefügte Klasse angezeigt.   
Es sind die 6 Accordion, welche ich mit CSS ansprechen möchte. Leider lauten alle Bezeichner gleich:
 .accordion-group.card
Gibt es etwas zu beachten, damit die Eingabe in dieses Feld akzeptiert wird? (außer speichern, natürlich)
Alternativ habe ich versucht mit der ID des Feldes anzusprechen (z. B.: #field62.accordion-group.card) Ohne Erfolg.

VG, Gisela

Konstellation:
PHP-Version 8.4.1, Astroid Framework 3.3.3, Bootstrap 5, Uikit 3

Hallo Gisela,

danke für die vielen Versions-Informationen.
Eine für mich wirklich wichtige fehlt leider.
Nämlich die von Visforms/Subscription.

Und welcher Feldtyp ist das auf dem Screenshot, ein Feldtrenner?

Viele Grüße,
Aicha

 

• Es ist Visforms Version 5.5.1, Subscription Version 5.5.1
• es ist ein Feld "pagebreak", Ausgabe als accordion
• ich möchte .accordion-group.card für einen Pagebreak gezielt anprechen, wie oben beschrieben.

VG Gisela

Hallo Gisela,

danke für die zusätzliche Information.

Sorry, das ist etwas irrefürhend.
Die Option zu CSS Klasse des Feldes wird nur ausgewertet, wenn 'mehrseitige Anzeige' gewählt ist.
Dann gibt es ein Feld, einen Button, also 1 klar definiertes HTML Element, dem man eine Klasse hinzufügen kann.

Ein Accordion besteht aus einer ganzen Reihe von beteiligten HTML Element, die sogar je nach UI Framework noch unterschiedlich sein können.
Hier lässt sich eine Feld-Klasse schlecht sinnvoll zuordnen.

Ich denke du musst dir mit einer css pseudo-Klasse wie :last-of-type behelfen.

etwa so (ID Selektor muss zu deinem Formular passen).

#form1accordion .accordion-heading:last-of-type

Das würde die letzte div.accordion-heading in der div#form1accordion selektieren.

Liebe Grüße,
Aicha
 

Hallo Gisela,

Im Rahmen des umfangreichen JavaScript-Refactorings für Visforms 6.1.0 haben wir auch das Accordion-Layout überarbeitet und unter Anderen die folgenden neuen Features für das Accordion-Layout eingeführt.

- Die neue Feld-Option 'Accordion Eintrag immer offen' ist enthalten.
  Erzwingen, dass der Accordion Eintrag, der durch dieses Feld erzeugt wird, immer geöffnet ist.
- Die bestehende Feld-Option 'Leere Seiten verstecken' gilt jetzt auch für das Accordion-Layout.
  Dadurch können auch leere Accordion-Tabs komplett und automatisch versteckt werden.
- Hinzufügen von Feldern außerhalb des letzten Akkordeon-Tabs am unteren Rand des Formulars.
- Die Feld-Option 'CSS Klasse des Feldes' für den Feld-Typ 'Feld Trenner' wird auch bei der Darstellung als Accordion in das Accordion-HTML eingefügt.

Die neuen Features sind enthalten im neusten Release vom 13.04.2026 für Joomla 6:
Visforms 6.1.0
docs.joomla-6.visforms.vi-solutions.de/u...es/j6/version-6-1-x/
Visforms Subscription 6.1.0
docs.joomla-6.visforms.vi-solutions.de/u...6/sub-version-6-1-x/

Wir verwenden für Visforms-Updates Canary-Releases.
Hierbei wird einer zunehmend großen Gruppe in Schritten die aktuelle Version zugänglich gemacht.
Es kann daher gut sein, dass ein aktuelles Release noch nicht für deinen Joomla-Update-Manager zur Verfügung steht.

Es stehen aber weiterhin alle aktuellen Updates zusätzlich bereits auf unserer Webseite als Download zur Verfügung.
Damit kannst du jederzeit manuell auf die aktuellste Version updaten, auch wenn du offiziell noch nicht an der Reihe sein solltest.

Liebe Grüße, Ingmar