Wie kann ich die Anmeldeseite am Formular bearbeiten?

Geändert am Mi, 15 Jul um 10:05 VORMITTAGS

INHALTSVERZEICHNIS

Wie ersetze ich das Label auf der Anmeldeseite?
Wie kann ich einen Hinweistext auf der Anmeldeseite ausgeben?

Wie ersetze ich das Label auf der Anmeldeseite?

Standardmäßig sieht die Anmeldeseite so aus:

Es gibt aber Situationen, in denen sich z.B. nur per Benutzernamen angemeldet werden kann. Dann soll das Label "E-Mail oder Benutzername" ersetzt werden, so dass die Anmeldeseite so aussieht:

Für die Darstellung der Anmeldeseite ist das Template "Anmeldung erforderlich" zuständig. Es befindet sich unter Dateien & Templates > HTML. Klicken Sie zunächst auf den Button für den Quellcode.

Fügen Sie irgendwo zwischen den <style>...</style>-Tags die folgenden Zeilen hinzu:

Hier die Zeilen für Copy & Paste:

.xfc-template FORM.login LABEL:first-child {
    visibility: hidden;
}
.xfc-template FORM.login LABEL:first-child:before{
    content: "Benutzername";
    visibility: visible;
}

Anschließend speichern Sie das Template und erhalten die obige Darstellung nur mit dem Benutzernamen.

Wie kann ich einen Hinweistext auf der Anmeldeseite ausgeben?

Auch dafür muss das Template "Anmeldung erforderlich" bearbeitet werden. Öffnen Sie dazu wieder den Editor über den Quellcode-Button.

Sie haben hier wieder allen Gestaltungsfreiraum, der mittels HTML und CSS möglich ist.

So könnten Sie z.B. unterhalb des Layers mit der %AUTHENTICATION_SELECTION% einen Layer mit einem Klassennamen (hier: "note") versehen, in dem Sie einen Hinweistext ausgeben. Die Formatierung des Layers nehmen Sie dann oberhalb des Endetags für die Style-Eigenschaften vor.

Die Ausgabe mit einem zentrierten Text und roter Schriftfarbe sieht dann so aus: