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?

Button Verifizieren bei E-Mail Adresse im Formular

More
3 days 7 hours ago #11818 by itPrax
Hallo zusammen,
im Formular focuswelten-shop.de/shop bekomme ich bei E-Mail Adresse den Button Verifizieren nicht so farblich hinterlegt wie der Submit Button "Kaufen". Lediglich beim drauf klicken erscheint ein schwarzer Rahmen. Im Joomla-Template ist die dunkelgraue Farbe als Primary hinterlegt. Auf allen anderen Seiten funktionieren alle Buttons in der dunkelgrauen Farbe mit weißer Schrift - nur im Formular nicht.

Ich habe es etwas kenntlicher mit den Klammern machen können.

Ich stehe da irgendwie auf dem Schlauch   und vielleicht kann mir jemand helfen.

Vielen Dank im Vorraus und Grüßle

Peter

More
2 days 9 hours ago #11821 by Administrator AV
Replied by Administrator AV on topic Button Verifizieren bei E-Mail Adresse im Formular
Hallo Peter,

der Buttons ist technisch eine span und hat von sich aus die class Attribute 

btn verifyMailBtn visCSSlabel

Offensichtlich formatiert das CSS deines Templates ein span class='btn' nicht automatisch so, dass es wie ein Button aussieht.

Du kannst das aber recht einfach selbst mit sehr wenig eigenem CSS nachtragen.

Entweder formularspezifisch mit Hilfe der Visforms Front-End Web-Assets
docs.joomla-5.visforms.vi-solutions.de/d...assets/introduction/

Oder für alle Visforms Formular mit Hilfe einer custom.css für Visforms
docs.joomla-5.visforms.vi-solutions.de/d...orm-layout-with-css/

Als Selektor im CSS verwendest du 
.btn.verifyMailBtn
Damit kannst du den Button sehr spezifisch ansprechen.

Alternativ kannst du mit Hilfe der Visforms Front-End Webassets auch Javascript zum Formular hinzufügen.
Folgender Code fügt dem Button zusätzlich die Klasse btn-primary hinzu.
Code:
jQuery(document).ready(function() {     // console.log('FEWA script loaded');     jQuery('.btn.verifyMailBtn').addClass('btn-primary'); });

Herzliche Grüße,
Aicha

das dem Button eine zusätzliche Klasse hinzufügt, z.B. btn-primary


Herzliche Grüße,
Aicha

:idea: I recommend you the new and up-to-date documentation for Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 4.
Please only ask 1 question per topic :-).

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 4.
Bitte immer nur 1 Frage pro Thema stellen :-).
The following user(s) said Thank You: itPrax

More
2 days 8 hours ago #11824 by itPrax
Liebe Aicha,
vielen Dank - das hat wunderbar funktioniert und bin jetzt ein Stück schlauer. Ich hab das Javascript eingefügt.

Herzliche Grüße,
Peter

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum