Das Widget "Anmelden" fügt Ihrer App eine Anmelde-Experience hinzu. Das Widget ist eine Schaltfläche, über die sich Benutzer bei ArcGIS-Konten an- und abmelden können. Beim Klicken auf die Schaltfläche werden unterschiedliche Aktionen ausgeführt, je nachdem, ob der Benutzer bereits angemeldet ist und welche Verhaltensweisen Sie in den Widget-Einstellungen konfiguriert haben.
- Wenn Benutzer auf das Widget klicken, um sich anzumelden, kann das Widget entweder ein Pop-up-Anmeldefenster öffnen oder zu einer ArcGIS-Anmeldeseite weiterleiten.
- Wenn Benutzer auf das Widget klicken, während sie bereits angemeldet sind, kann das Widget sie entweder direkt abmelden oder ein Dropdown-Menü mit Optionen öffnen.
Sie können Weiterleitungen einrichten, die Benutzer nach dem Anmelden oder Abmelden zu einer bestimmten App-Seite, Ansicht, einem bestimmten Fenster oder einer externen URL weiterleiten. Sie können auch das Aussehen des Widgets und des Dropdown-Menüs anpassen.
Beispiele
Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:
- Sie möchten, dass sich Benutzer anmelden müssen, bevor sie auf eine App zugreifen können.
- Sie möchten eine Startseite mit einer Anmeldeschaltfläche erstellen und Benutzer nach der Anmeldung bei einem Konto auf eine andere Seite weiterleiten.
- Sie möchten Benutzern das Wechseln zwischen Konten ermöglichen.
Verwendungshinweise
Wenn Sie das Widget "Anmelden" zu einer Seite hinzufügen, wird das Fenster Schnellformat angezeigt. Sie können aus voreingestellten Designs auswählen, die zum Design Ihrer App passen. (Um später wieder auf dieses Fenster zuzugreifen, klicken Sie auf die Schaltfläche Schnellformat 
auf der Werkzeugleiste des Widgets.) Sie können das Aussehen des Widgets in den Einstellungen unter Aussehen weiter anpassen.
Die Werkzeugleiste des Widgets "Anmelden" enthält die Schaltfläche Vorschau der Anmeldung umschalten 
. Mit dieser Schaltfläche können Sie zwischen der Vorschau des Widgets im angemeldeten und im abgemeldeten Zustand wechseln.
Tipp:
Da Sie angemeldet sein müssen, um die App zu bearbeiten, können Sie sich über das Widget nicht anmelden, abmelden oder im Builder zwischen Konten wechseln. Um die Anmeldung und Abmeldung vollständig zu testen, zeigen Sie eine Vorschau der App in einer neuen Registerkarte an.
Einstellungen
Das Widget "Anmelden" verfügt über folgende Einstellungen:
- Anzeige der Anmeldeseite: Wählen Sie ein Verhalten für den Fall, dass der Benutzer auf die Widget-Schaltfläche klickt, während er nicht angemeldet ist:
- Pop-up-Fenster: Es wird ein Fenster angezeigt, in dem der Benutzer aufgefordert wird, sich anzumelden.
- Zu Anmeldeseite umleiten: Das Widget leitet den Benutzer zu einer ArcGIS-Anmeldeseite weiter. Sobald sich der Benutzer mit einem gültigen Konto angemeldet hat, kehrt er zur App zurück.
Hinweis:
Wenn Sie eine Experience Builder-App in eine andere App oder Website einbetten, wird immer das Pop-up-Fenster zum Anmelden angezeigt, wenn der Benutzer auf das Widget in der eingebetteten App klickt, unabhängig davon, welche Option Sie hier auswählen.
- Einstellungen nach der Anmeldung: Konfigurieren Sie die folgenden Einstellungen für das Verhalten des Widgets, nachdem sich der Benutzer angemeldet hat:
- Nach Anmeldung umleiten: Optional können Sie einen Link hinzufügen, über den Benutzer unmittelbar nach der erfolgreichen Anmeldung zu einer bestimmten Seite, Ansicht oder einem bestimmten Fenster in Ihrer App weitergeleitet werden oder eine Webadresse aufrufen können. Wenn Sie einen Link zu einer Webadresse erstellen, dann geben Sie eine URL (die mit https:// beginnt) ein. Sie können festlegen, ob das Ziel der Umleitung in demselben Fenster wie die App, im obersten Fenster oder in einem neuen Fenster geöffnet wird.
- Nach Abmeldung umleiten: Optional können Sie einen Link hinzufügen, über den Benutzer unmittelbar nach der erfolgreichen Abmeldung zu einer bestimmten Seite, Ansicht oder einem bestimmten Fenster in Ihrer App weitergeleitet werden oder eine Webadresse aufrufen können. Wenn Sie einen Link zu einer Webadresse erstellen, dann geben Sie eine URL (die mit https:// beginnt) ein. Sie können festlegen, ob das Ziel der Umleitung in demselben Fenster wie die App, im obersten Fenster oder in einem neuen Fenster geöffnet wird.
- Bei Klick auf die Schaltfläche "Anmelden": Wählen Sie eine Aktion aus, die ausgeführt werden soll, wenn der Benutzer auf das Widget klickt, während er angemeldet ist:
- Direkt abmelden: Das Widget meldet den Benutzer von seinem Konto ab.
- Benutzermenü aktivieren: Ein Dropdown-Menü wird angezeigt, wenn der Benutzer auf die Schaltfläche klickt. Das Menü enthält immer die Optionen Konto wechseln und Abmelden. Sie können die folgenden zusätzlichen Elemente und Optionen hinzufügen:
- Benutzernamen anzeigen: Fügt den Namen des Kontoprofils in das Menü ein.
- Benutzer-Avatar anzeigen: Fügt das Avatar-Bild des Kontos in das Menü ein.
- "Eigenes Profil" anzeigen: Fügt einen Link zur Kontoprofilseite hinzu.
- "Eigene Einstellungen" anzeigen: Fügt einen Link zur Kontoeinstellungsseite hinzu.
- Eingeschränkte Ressourcen anzeigen (sofern vorhanden): Fügt eine Liste der Ressourcen in der App hinzu, auf die das aktuelle Konto keinen Zugriff hat.
- Link hinzufügen: Fügt einen Link zum Dropdown-Menü hinzu. Für jeden Link können Sie eine Beschriftung und eine https://-URL eingeben.
- Aussehen: Ändert das Aussehen des Widgets "Anmelden".
- Symbol: Fügt der Anmeldeschaltfläche ein Symbol hinzu. Dieses Symbol wird angezeigt, wenn der Benutzer abgemeldet ist. Der Benutzer-Avatar wird angezeigt, wenn der Benutzer bei seinem Konto angemeldet ist. Sie können Symbole aus den Standardgalerien auswählen oder Ihr eigenes Symbol aus einer Datei hochladen.
- Sie können die vom App-Design übernommenen Schriftarten und Farben überschreiben, um die beiden Zustände des Widgets zu stylen. Standard ist der Zustand des Widgets ohne Benutzerinteraktion, und der Mit der Maus zeigen ist der Zustand, der vom Benutzer ausgelöst wird, wenn er mit der Maus auf das Widget zeigt oder darauf klickt. Sie können die folgenden Einstellungen anpassen:
- Text: Ändern Sie die Schriftgröße (in Pixel) und die Schriftfarbe, und stylen Sie den Widget-Text fett, kursiv, durchgestrichen und/oder unterstrichen.
- Symbol: Ändern Sie die Größe (in Pixel) und Farbe des Widget-Symbols.
- Hintergrund: Wählen Sie eine Füllfarbe oder ein Bild aus, um den Hintergrund des Widgets festzulegen. Wenn Sie sich für ein Bild entscheiden, können Sie es mit Anpassen, Ausfüllen, Zentrieren, Kachel oder Strecken im Widget positionieren. Wenn Sie Anpassen auswählen, wird im Widget die Hintergrundfüllfarbe um das Bild herum angezeigt.
- Rahmen: Wählen Sie eine Rahmenfarbe, eine Rahmenart (zum Beispiel gestrichelt oder gepunktet) und eine Rahmenbreite in Pixel aus. Sie können alle Seiten des Rahmens gleichzeitig oder jede Seite einzeln stylen.
- Rahmenradius: Ändern Sie den Radius (in Pixel oder Prozent), um die Widget-Ecken zu gestalten.
- Schatten: Fügen Sie mit den folgenden Einstellungen einen Schatteneffekt um das Widget hinzu:
- Versatz X: Legen Sie die horizontale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert links neben der Schaltfläche und bei einem positiven Wert rechts neben der Schaltfläche platziert.
- Versatz Y: Legen Sie die vertikale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert oberhalb der Schaltfläche und bei einem positiven Wert unterhalb der Schaltfläche platziert.
- Unschärferadius: Wenden Sie einen Weichzeichnereffekt auf den Schatten an.
- Ausdehnungsradius: Passen Sie die Größe des Schattens an.
- Farbe: Wählen Sie eine Schattenfarbe aus.
- Dropdown-Menü: Ändern Sie das Aussehen des Dropdown-Menüs, das angezeigt wird, wenn Sie die Einstellung Benutzermenü aktivieren aktivieren:
- Text: Ändern Sie die Schriftgröße (in Pixel) und die Schriftfarbe, und stylen Sie den Menütext fett, kursiv, durchgestrichen und/oder unterstrichen.
- Hintergrund: Wählen Sie eine Füllfarbe oder ein Bild als Hintergrund des Menüs aus. Wenn Sie sich für ein Bild entscheiden, können Sie es mit Anpassen, Ausfüllen, Zentrieren, Kachel oder Strecken im Menü positionieren. Wenn Sie Anpassen auswählen, wird im Menü die Hintergrundfüllfarbe um das Bild herum angezeigt.
- Rahmen: Wählen Sie eine Rahmenfarbe, eine Rahmenart (zum Beispiel gestrichelt oder gepunktet) und eine Rahmenbreite in Pixel aus. Sie können alle Seiten des Rahmens gleichzeitig oder jede Seite einzeln stylen.
- Schatten: Fügen Sie mit den folgenden Einstellungen einen Schatteneffekt um das Menü hinzu:
- Versatz X: Legen Sie die horizontale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert links neben der Schaltfläche und bei einem positiven Wert rechts neben der Schaltfläche platziert.
- Versatz Y: Legen Sie die vertikale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert oberhalb der Schaltfläche und bei einem positiven Wert unterhalb der Schaltfläche platziert.
- Unschärferadius: Wenden Sie einen Weichzeichnereffekt auf den Schatten an.
- Ausdehnungsradius: Passen Sie die Größe des Schattens an.
- Farbe: Wählen Sie eine Schattenfarbe aus.