Hallo Albin,
danke für den direkten Link zum Formular.
Okay da muss ich kurz etwas ausholen, damit du die notwendigen Zusammenhänge sehen kannst.
Ganz kurze Zusammenfassung:
- Es liegt an dem von dir gewählten Yootheme-Style.
- Erste Lösung ist, diesen Style in Yootheme korrekt zu konfigurieren, denn dort gibt es einen Bereich, wo du den Style für Button definieren kannst.
- Zweite Lösung wäre, in Visforms die fehlenden CSS-Klassen-Regeln für den Submit-Button mit den Frontend Webassets hinzuzufügen (uk-button-primary).
Grundsätzlich, Teil A:
Bei Layout-Fragen verfolgt Visforms eine besondere Strategie der passiven Integration in das gewählte Joomla Site-Template.
Visforms besondere Strategie der passiven Integration in das gewählte Joomla Site-Template wird in der Dokumentation beschrieben.
Einleitung >> Visforms besondere Strategie der passiven Integration:
docs.joomla-5.visforms.vi-solutions.de/d...ruture/introduction/
Zitat:
Visforms versucht sich so weit wie möglich ins Look&Feel Ihrer Webseite anzupassen, indem es nur das minimale allernötigste eigene CSS mitbringt.
Die meisten Formatierungsregeln kommen daher aus dem CSS des verwendeten Templates.
Grundsätzlich, Teil B:
Du kannst das Verhalten mit etwas eigenem CSS/JavaScript und den Visforms 'Frontend Webassets' erreichen.
Frontend Webassets:
docs.joomla-5.visforms.vi-solutions.de/d...-frontend-webassets/
Alle Einstellungen werden im Formular vorgenommen:
docs.joomla-5.visforms.vi-solutions.de/d...formular-vorgenommen
Deine weißer Button, Teil C:
Das Yootheme Template Framework kommt mit einer großen Anzahl von sogenannten Styles.
Wie der Name schon sagt, sind in einem Style alle CSS-Styles für die Standard-Klassen des UIkit-Frameworks hinterlegt.
Auf diese Weise erzeugt jeder Style seine spezifischen, Farben, Schriften, Größen usw. und damit eben sein Aussehen.
Visforms rendert das Formular mit diesen Standard-Klassen des UIkit-Frameworks, wenn als UI-Framework im Formular 'UIKIT 3' eingestellt ist.
Das hast du also richtig gemacht und keine andere Einstellung macht daher Sinn.
Insbesondere sind auch die Klassen 'uk-button uk-button-primary' für den Submit-Button Teil deines Yootheme-Styles.
Der im Yootheme von dir gewählte Style hat überhaupt keine Farbdefinitionen für die Button Standardklassen hinterlegt.
Lösung, Teil
D1: Die korrekte Lösung ist also, den von dir verwendeten Style in Yootheme korrekt zu konfigurieren.
D2: Du kannst auch mit Visforms die im Yootheme-Style fehlenden CSS-Klassen-Regeln für den Submit-Button mit den Frontend Webassets einfach hinzufügen.
Dazu verwendest du die im Formular verwendete CSS-Klasse 'uk-button-primary'.
D0: Keine Lösung ist in diesem besonderen Fall, in der Feld-Konfiguration einfach eine andere eigenen CSS-Klasse für den Submit-Button zu hinterlegen.
Das würde nicht so ohne weites funktionieren, weil im gewählten Yootheme-Style keine der Yootheme Button Standardklassen (uk-btn-default, uk-button-success) korrekt konfiguriert ist.
Liebe Grüße, Ingmar