Login-Schaltfläche für Identity Provider selbst gestalten
Sie haben die Möglichkeit, das Icon des Providers oder ein anderes Icon auf der Login-Schaltfläche Ihres Portals zu platzieren.
Schritt-für-Schritt
Um ein Icon eines Providers auf der Login-Schaltfläche Ihres Portals zu platzieren, gehen Sie wie folgt vor:
-
Starten Sie das Modul "Design".
-
Öffnen Sie Ihr Layout.
-
Aktivieren Sie die Sicht "Kontroll-Elemente".
-
Markieren Sie unter "Kontrollen > Schaltflächen > Button" den Eintrag "Button Standard".
-
Kopieren Sie den Eintrag "Button Standard" und fügen Sie ihn unter "Kontrollen > Schaltflächen > Button" wieder ein.
Das Dialogfenster Eigenschaften wird angezeigt.
-
Vergeben Sie einen passenden Klassennamen und Titel. (Der Titel wird auf der Login-Schaltfläche angezeigt.)
-
Klicken Sie auf "OK".
-
Markieren Sie die Styleklassen unterhalb des neu angelegten Buttons ().
-
Fügen Sie für jede Styleklasse folgende Eigenschaften hinzu ():
background-image: url(../../thirdparty/icon54/svg/line/LogosBrands/Google.svg); /* Bildpfad entsprechend anpassen *n/ background-blend-mode: overlay; background-position-x: 1em; background-position-y: center; background-repeat: no-repeat; background-size: 2em auto;
Passen Sie bei der Styleklasse background-image den Pfad zu dem von Ihnen gewählten Icon entsprechend an.
-
Führen Sie diese Schritte für alle Layouts aus, die Sie einsetzen.
-
Hinterlegen Sie die neu angelegte Styleklasse im Dialogfenster "Provider konfigurieren" im Feld "Styleklasse".
(Wie Sie das Dialogfenster erreichen, wird in Abschnitt ID Provider-Daten in der Benutzerverwaltung erfassen beschrieben.)
-
Klicken Sie auf "Fertigstellen".
Weitere Informationen