Hallo GedenkstaetteK,
Zu: 'Bieten Sie einen alternativen Button an':
Diese Möglichkeit gibt es in Visforms leider nicht als eine einfache Konfiguration.
Du kannst das Verhalten mit etwas eigenem CSS/JavaScript und den Visforms 'Frontend Webassets' erreichen.
Frontend Webassets:
docs.joomla-4.visforms.vi-solutions.de/d...-frontend-webassets/
Alle Einstellungen werden im Formular vorgenommen:
docs.joomla-4.visforms.vi-solutions.de/d...formular-vorgenommen
Hierein konkretes Beispiel mit einem größeren Icon.
Formular-Konfiguration:
vi-solutions.de/forum-uploads/change-cap...rm-configuration.png
Formular mit der Einstellung 'Ui Framework' = 'Keines':
vi-solutions.de/forum-uploads/change-cap...ork-selection_no.png
Formular mit der Einstellung 'Ui Framework' = 'Bootstrap 5':
vi-solutions.de/forum-uploads/change-cap...rk-selection_bt5.png
Der JavaScript-Code für die Formular-Konfiguration, Reiter 'Frontend Webassets':
Code:
// set captcha refresh icon
jQuery(document).ready(function() {
console.log('FEWA script loaded');
jQuery('img.captcharefresh4').attr('src', '/developj5/components/com_visforms/captcha/images/icons8-refresh-60.svg');
});
Wobei:
- '/developj5' = Verzeichnis der Joomla-Installation (Root-Verzeichnis)
- '/components/com_visforms/captcha/images/' = das Verzeichnis der Captcha-Bilddateien von Visforms
- icons8-refresh-60.svg = gewünschte Bild-Datei (60 * 60)
Du musst die Bild-Datei in das genannte Verzeichnis auf dem Server kopieren.
In den Web-Server Entwicklertools kannst du das Verzeichnis der Bild-Datei ebenfalls einsehen.
Im Beispiel habe ich mich für eine SVG-Datei entschieden.
Eine GIF-Datei ist nicht zwingend erforderlich.
Es sind sehr viel verschiedene Bildformat möglich.
Zusätzlich kann die Darstellung des Bildes mit eigenem CSS weiter beeinflusst werden.
Das CSS wird, falls erforderlich und gewünscht, ebenfalls in der Formular-Konfiguration, Reiter 'Frontend Webassets' im Feld 'CSS' eingetragen.
Um für das CSS den richtigen passenden Selektor zu bekommen, kannst du den gleichen wie auch im JavaScript-Code verwendeten verwenden:
Code:
img.captcharefresh4 {
...
}
Das verwendete Icon ist vom Bereich 'refresh captcha' von der folgenden Seite:
icons8.com/icons/set/refresh-captcha
Bei der kostenfreien Verwendung der Icons ist für diese Seite die Link-Policy des Herausgebers zu beachten:
'We share our assets with you, you set a link to icons8.com wherever you use them.'
Das Beispiel oben zeigt dir aber, wie du technisch alle beliebigen Icons für deine Anforderung verwenden kannst.
Du kannst also deine Icons überall beziehen.
Liebe Grüße, Ingmar
I recommend you the new and up-to-date documentation for Joomla 4:
.
