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.

CaptchaRefresh-Icon ändern

More
1 month 6 days ago #10026 by GedenkstaetteK
CaptchaRefresh-Icon ändern was created by GedenkstaetteK
Das CaptchRefresh-Icon (/components/com_visforms/captcha/images/refresh.gif)

ist nach meinem Dafürhalten
  • zu klein
  • zu kontrastarm und
  • kaum erkennbar.
Der Austausch gestaltet sich insoweit schwierig, als man zur Nutzung uneingeschränkt freigegebene Icons im Netz nicht so ohne Weiteres findet. Obendrein muss der dann auch noch im .gif-Format sein.

Bieten Sie einen alternativen Button an?
Falls ich im Netz doch etwas finden sollte: Kann ich auch eine .jpg oder .png Datei nutzen?

Welche Alternativen können Sie vorschlagen? Herzlichen Dank!

More
1 month 5 days ago - 1 month 5 days ago #10030 by Administrator IV
Replied by Administrator IV on topic CaptchaRefresh-Icon ändern
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

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

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).
Last edit: 1 month 5 days ago by Administrator IV.

More
1 month 5 days ago #10031 by Administrator IV
Replied by Administrator IV on topic CaptchaRefresh-Icon ändern
Hallo GedenkstaetteK,

du kannst das Captcha Refresh-Icon zentral für alle Formulare ersetzen.
Hierzu musst du mit einem sogenannten 'Layout Overwrite' arbeiten.

Die Arbeitsweise wird in der Dokumentation umfassen beschrieben.
Layout durch Overrides anpassen:
docs.joomla-4.visforms.vi-solutions.de/d...yout-with-overrides/

Die für dich wichtige Information für deinen Fall ist die richtige Override-Datei.
Du musst die folgende Layout-Datei das Override erstellen:
components/com_visforms/layouts/visforms/captcha/viscaptcharefresh.php

In Zeile 28 werden Pfad und Name das Refresh-Icon gesetzt.
Im Override kannst du (deinen eigenen Pfad und) deine eigene Datei eintragen.

Liebe Grüße, Ingmar

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

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum