Skip to main content

Sichtbarkeits-Bedingung für Formularinhalte festlegen

Archived

1 Aufgabe

5 Min.

Visible to: All users
Anfänger Pega Platform 8.6 Benutzererfahrung Deutsch
This content is now archived and is no longer updated. Progress is not calculated. Pega Cloud instances are disabled, and badges are no longer awarded. Hier klicken to continue your progress in the latest version.

Szenario

Die GoGoRoad-Anwendung ermöglicht es Kunden, den Ort anzugeben, wo die Pannenhilfe benötigt wird (Serviceadresse). Dafür müssen sie Informationen in Felder eingeben oder den Standort auf einer Karte auswählen. Um das Benutzererlebnis je nach Channel anzupassen, hat der UI-Berater die folgenden Funktionen angefordert: Benutzer auf einem Gerät, das kein Mobilgerät ist, verwenden die Felder zur Eingabe der Serviceadresse. Benutzer auf einem Mobilgerät wählen den Standort auf einer Karte aus. Konfigurieren Sie das Formular „Identify location“, sodass der redundante Inhalt je nach verwendetem Gerät ausgeblendet wird.

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

Rolle Benutzername Passwort
Application Developer author@gogoroad pega123!
Hinweis: Ihre Übungsumgebung unterstützt möglicherweise den Abschluss mehrerer Challenges. Es kann daher vorkommen, dass die im Challenge-Walkthrough gezeigte Konfiguration nicht genau mit Ihrer Umgebung übereinstimmt.

Challenge-Schritte

Genaue Übungsschritte

1 Sichtbarkeits-Bedingungen im Step „Identify location“ festlegen

  1. Klicken Sie im Navigationspanel von App Studio auf Case types > Assistance Request, um den Case-Typ „Assistance request“ zu öffnen.
  2. Klicken Sie auf Save and run, um eine neue Case-Instanz auszuführen.
  3. Führen Sie den Case im Step „Identify Location“ fort.
  4. Klicken Sie im Header von App Studio auf Design , um in den Design-Modus zu wechseln.
  5. Bewegen Sie den Mauszeiger über den Abschnitt Service address und klicken Sie auf das Icon Edit this section.
  6. Überprüfen Sie im Konfigurationspanel auf der rechten Seite, ob der Abschnitt mit den Feldern „Street“, „City“ und „State“ geöffnet ist.
  7. Klicken Sie auf Settings, um das Konfigurationspanel für diesen Abschnitt zu öffnen.
    default Service address section configuration pane
    1. Wählen Sie im Tab General in der Liste Visibility den Eintrag Condition (when rule) aus. 
    2. Geben Sie in das Feld Condition for visibility die Bedingung pyIsNotMobile ein oder wählen Sie sie aus.
    3. Wählen Sie im Bereich Caption die Option None aus.
      Visibility condition pyIsNotMobile
    4. Klicken Sie oben im Konfigurationspanel des Abschnitts auf Apply, um die Konfigurationseinstellungen für den Abschnitt zu übernehmen.
    5. Schließen Sie das Konfigurationspanel des Abschnitts.
  8. Wählen Sie im Konfigurationspanel in der Liste Default den Eintrag Identify location aus, um das Konfigurationspanel für den Abschnitt „Identify location“ zu öffnen.
    callout-default
  9. Bewegen Sie im Konfigurationspanel des Abschnitts „Identify location“ den Mauszeiger über Location Field (Optional) und klicken Sie dann auf das Icon Edit this "Section".
    section-edit
  10. Klicken Sie auf Settings, um das Konfigurationspanel für diesen Abschnitt zu öffnen.
    1. Wählen Sie im Tab General in der Liste Visibility den Eintrag Condition (when rule) aus. 
    2. Geben Sie in das Feld Condition for visibility die Bedingung pyIsMobile ein oder wählen Sie sie aus.
      visibility condition pyIsMobile
    3. Klicken Sie auf Apply, um die Sichtbarkeitskonfiguration festzulegen.
  11. Klicken Sie auf Design, um den Design-Modus zu verlassen.

Arbeit überprüfen

Stellen Sie im Step „Identify location“ sicher, dass das Feld Address und die Karte ausgeblendet sind.

Identify location step with hidden map and Address field
Hinweis: Wenn Sie eine GoGoRoad-Anwendung auf einem Mobilgerät einrichten würden, können Sie sicherstellen, dass das Adressfeld und die Karte angezeigt werden. Die Einrichtung auf Mobilgeräten ist nicht Teil dieser Challenge.


In den folgenden Missions verfügbar:

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