vi-solutions
Software + Internet

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?

Farbe Pflichtfeldsternchen *

More
1 year 3 months ago #9619 by bm
Farbe Pflichtfeldsternchen * was created by bm
Hallo,

oh man, irgendwie bleibt einem nichts erspart, aber der Kunde ist ja König.

Gibt es irgendeine Möglichkeit, das Pflichtfeldsternchen " * " bei Pflichtfeldern anders als rot einzufärben?
Alle meine Versuche, das irgendwie in der custom.css anzupassen, sind jetzt kläglich gescheitert.
Daher muss ich jetzt doch hier nachfragen.

Ich bin schon drauf und dran, mich für diese, ja eigentlich völlig unbedeutende Frage zu entschuldigen.
Also, sorry...

Liebe Grüße
bm
 

More
1 year 3 months ago - 1 year 3 months ago #9620 by Administrator IV
Replied by Administrator IV on topic Farbe Pflichtfeldsternchen *
Hallo Benno,

ich gehe von einem Bootstrap 5 Template aus.
vi-solutions.de/forum-uploads/mandatory-color-blue.png

Wenn du eine dieser Asterix-Stellen in den Entwicklertools des Web-Browsers betrachtest, so findest du folgendes.
Für den Text 'Pflichtfeld *':
Code:
.vis_mandatory {   color: #FF0000;   padding: 0px;   font-size: 0.83em;   font-weight: bold; }
Für den einzelnen Asterix:
Code:
form#visform1 div.required .asterix-ancor::after {   content: "*";   color: red;   display: inline-block;   padding-left: 10px; }

Hinweis:
Mit dem Zusatz '#visform1' bedeutet es hier, dass es nur für das eine Formular mit der Formular-ID 1 gilt.

Mit dem folgenden Code kannst du innerhalb einer 'custom.css' die Farbe für alle Formulare auf Blau setzen.
Layout mit CSS anpassen:
docs.joomla-4.visforms.vi-solutions.de/d...orm-layout-with-css/
Code:
.vis_mandatory {   color: blue !important; } form div.required .asterix-ancor::after {   color: blue !important; }

Hinweis:
Hier ist das '!important' notwendig.

Mit dem folgenden Code kannst du innerhalb der Front-End-Web-Assets die Farbe nur für das betroffene Formular auf Blau setzen:
docs.joomla-4.visforms.vi-solutions.de/d...ons/add-script-fewa/
Code:
.vis_mandatory {   color: blue; } form div.required .asterix-ancor::after {   color: blue; }

Hinweis:
Hier ist das '!important' nicht notwendig.
Hier ist der  Zusatz '#visform1' nicht notwendig.

Analog zur Farbe kannst du auf die gleiche Weise auch alle anderen Eigenschaften ändern.

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 year 3 months ago by Administrator IV.

More
1 year 3 months ago #9622 by bm
Replied by bm on topic Farbe Pflichtfeldsternchen *
Hallo Ingmar,

besten Dank erstmal.
Bootstrap 5 trifft wohl zu.

Die o.g. Scripts hatte ich bereits selbst per Entwicklertool gefunden und ausprobiert. Das einzige, was sich damit verändern lässt, ist das Wort " Plichtfeld* ". Die Sternchen bei den Pflichtfeldern selbst bleiben stur rot.
Natürlich habe ich alle von dir oben angegebenen Scripts auch nochmal durchprobiert. Auch mit der richtigen Formular-ID (wenn es erforderlich war). Leider ohne Erfolg, bzw. demselben Ergebnis, wie bei meinen vorherigen versuchen.
Gibt es vielleicht noch einen anderen möglichen Ansatz?

Grüße
Benno

More
1 year 3 months ago - 1 year 3 months ago #9623 by bm
Replied by bm on topic Farbe Pflichtfeldsternchen *
Hallo nochmal,
jetzt wollte ich nur kurz mitteilen, dass ich das mit den Sternchen hinbekommen habe. Als ich im Quelltext herumgewühlt habe, entdeckte ich einen Styleabschnitt, welchen ich mir doch gleich mal gekrallt habe.

Mit dem Eintrag des folgenden Codes in die custom.css hat es dann funktioniert:

form#mod-visform2 div.required > label.visCSSlabel:after, form#mod-visform2 div.required > label.vflocationlabel:after
{
content:"*"; color:blue;
}

Damit sind die Sternchen blau (und in jede beliebige Farbe änderbar).
Ich glaube jetzt kaum, dass das jetzt irgendjemand braucht, aber falls doch, will ich das jetzt anderen Nutzern nicht vorenthalten.

Beste Grüße an alle
Last edit: 1 year 3 months ago by bm. Reason: Schreibfehler korrigiert :-)

More
1 year 3 months ago - 1 year 3 months ago #9625 by Administrator IV
Replied by Administrator IV on topic Farbe Pflichtfeldsternchen *
Hallo Benno,

meine Angaben von oben beziehen sich wie erwähnt auf ein Bootstrap 5 Layout.
Es reicht nicht aus, ein Bootstrap 5 Template zu nutzen, denn es muss in der Formular-Konfiguration auch entsprechend eingestellt werden.
Es bedeutet, dass in der Formularkonfiguration auf den Reiter 'Erweitert', unter der Zwischenüberschrift 'Layout' die Option 'UI Framework' = 'Bootstrap 5' gesetzt ist.
Für diesen Fall sind die CSS-Selektoren korrekt und funktionieren, wie im Screenshot zu sehen ist.

Sehr wahrscheinlich hast du in der Formular-Konfiguration die Einstellung 'UI Framework' = 'Keines', zumindest nicht 'Bootstrap 5'.
Bei dieser Einstellung entstehen dann die von dir beobachteten Klassen.
Die 'UI Framework' Einstellungen führen zu jeweils anderen, Framework-spezifischen HTML-Elementen und CSS-Klassen.

Der Weg zu einer benutzerdefinierten Anpassung kann immer nach dem beschrieben Schema erfolgen:
- In den Entwickler-Tools nachschauen, welcher Selektor die Farbe tatsächlich beiträgt.
- Auf einem der möglichen Wege (custom.css/Front-End-Web-Assets) den kopierten Selektor eintragen.
- Eventuell den Formular-spezifischen (Formular-ID) und/oder View-spezifischen (Modul/Formular) Anteil entfernen.
- Das zu setzende CSS-Attribut mit '!important' versehen.

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 year 3 months ago by Administrator IV.

More
1 year 3 months ago #9626 by bm
Replied by bm on topic Farbe Pflichtfeldsternchen *
Asche auf mein Haupt, Ingmar. Ich habe nachgesehen. Du hast recht. Ich hatte Bootstrap 5 gar nicht aktiviert (und diesen Schalter dafür auch gar nicht wahrgenommen, als ich danach suchte).
Dann klärt sich auch, warum das bei mir mit deinen Scripts nicht funktioniert hat.
Man lernt einfach nie aus :-)

Ich danke dir für diese Erläuterung.
Liebe Grüße und ein schönes Wochenende
Benno

Moderators: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Extensions

Useful extensions for Visforms which enable you to integrate your forms perfectly into your website and to perform special tasks which turn Visforms into much more than just a form generator.

Info