Skip to main content
close Search
Close search

Challenge

Ein Theme und einen Stil anwenden

3 Aufgaben

5 Min.

Für alle Benutzer sichtbar
Anfänger Pega Platform 8.5 Pega Platform 8.4 Benutzererfahrung Deutsch

Szenario

Das Marketingteam von InsCorp hat Sie gebeten, das GoGoRoad-Anwendungs-Theme so anzupassen, dass es zur Unternehmensmarke und -ausrichtung passt. Wenden Sie die Farben und das Logo des Unternehmen auf das Anwendungs-Theme an.

In der folgenden Tabelle finden Sie die Anmeldedaten, die Sie zur Durchführung der Challenge benötigen.

Rolle Benutzername Kennwort
Application Developer author@gogoroad pega123!

Challenge-Schritte

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Genaue Übungsschritte

1 Das Anwendungslogo anpassen

  1. Klicken Sie im Navigationspanel von App Studi auf Settings > Theme.
  2. Klicken Sie auf Change logo, um das Logo zu einem bestehenden oder neuen Logo zu ändern.
  3. Wählen Sie im Dialogfeld ein bestehendes Logo aus und klicken Sie auf Submit.
    Note: Nutzen Sie zum Zweck dieser Challenge ein vorhandenes Logo.
  4. Stellen Sie sicher, dass das Logo links neben der Schaltfläche „Change logo“ Ihrer Auswahl entspricht.
    GoGoRoad application theme with new logo selected

2 Das Anwendungs-Theme anpassen

  1. Klicken Sie im Anwendungs-Theme im Bereich Theme auf theme.
    GoGoRoad application with new theme selected
  2. Stellen Sie sicher, dass die Hintergrundfarbe des Logos und die Farben im darauf folgenden Abschnitt den ausgewählten Farben des Theme entsprechen.
  3. Wählen Sie im Abschnitt Colors das Quadrat Links aus, um ein Dialogfeld zu öffnen, in dem die Farbe der Links in der Anwendung anpassen können.
    GoGoRoad application theme Links color
  4. Geben Sie im Feld Hex value den Wert 0000EE ein.
  5. Klicken Sie auf Save, um die Link-Farbe zu Blau zu ändern.
  6. Klicken Sie im Bereich Text rechts neben „Heading 1“ auf die zweite Drop-down-Liste und wählen Sie Bold aus.
  7. Geben Sie rechts neben „Heading 1“ im dritten Feld den Wert 20 ein.
    GoGoRoad application theme Heading 1 text
  8. Klicken Sie auf Save , um die Änderungen für das GoGoRoad-Anwendungs-Theme zu übernehmen.

3 Arbeit überprüfen

  1. Klicken Sie im App Studio-Header auf Preview application, um die Änderungen am Theme und Logo zu prüfen.
  2. Stellen Sie sicher, dass der Anwendungs-Header das neue Logo und die neue Theme-Farbe nutzt.
    GoGoRoad application with updated theme and logo


In den folgenden Missions verfügbar:

Wenn bei Ihrer Schulung Probleme auftreten, wenden Sie sich an den technischen Support der Pega Academy..

Fanden Sie diesen Inhalt hilfreich?

Möchten Sie uns dabei helfen, diesen Inhalt zu verbessern?

Änderung vorschlagen

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice