Skip to main content

Challenge

Felder in Ansichten gruppieren

Szenario

Aufgrund von Feedback können die Kunden von GoGoRoad keine Details vor dem Absenden einer Unterstützungsanfrage gegenprüfen, was Unübersichtlichkeit und zusätzlichem Zeitaufwand für die Korrektur von Details nach sich zieht. Das Management-Team von GoGoRoad beschloss, einen endgültigen schreibgeschützten Bestätigungsbildschirm zu realisieren, nachdem die Kunden alle maßgeblichen Daten eingegeben haben. Auf diesem Bestätigungsbildschirm sieht der Kunde alle Daten, bevor er seine Unterstützungsanfrage absendet.

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

Sie müssen zum Abschließen dieser Challenge Ihre eigene Pega-Instanz starten.

Die Initialisierung kann bis zu 5 Minuten dauern, bitte haben Sie Geduld.

Genaue Übungsschritte

1 Step „Collect Information“ dem Prozess zum Eingeben von Zahlungsinformationen hinzufügen

  1. Klicken Sie im Navigationspanel von App Studio auf Case types > Assistance Request, um den Case-Typ „Assistance Request“ zu öffnen.
  2. Klicken Sie in Zahlungsinformationen auf Step > Collect information und fügen Sie den Step „Collect Information“ hinzu.
    add-collect-information-step
  3. Benennen Sie den Step in Review assistance request um.
  4. Klicken Sie im Eigenschaftenpanel auf Configure view, um den Formular-Editor zu öffnen.
  5. Klicken Sie im linken Panel auf Views, um die Liste mit den Ansichten anzuzeigen.
    configure view window
  6. Fahren Sie in der Liste der Ansichten mit dem Mauszeiger über Enter customer information und klicken Sie dann auf das Icon Add, um die vorhandene Ansicht zum Step „Review assistance request“ hinzuzufügen.
  7. Wiederholen Sie Schritt 6, um die Ansichten Identify location, Identify vehicle und Enter payment information hinzuzufügen.
    adding of fields to a section
  8. Wählen Sie in der Liste Options  die Optionen  Read-only für alle hinzugefügten Ansichten aus.
  9. Klicken Sie auf Submit.
  10. Klicken Sie auf Save, um die Änderungen am Case-Typ „Assistance Request“ zu speichern.

2 Layout-Gruppen mit App Studio hinzufügen

  1. Erstellen Sie einen neuen Case Assistance Request.
  2. Führen Sie den Case bis zum Step „Enter customer information“ fort.
  3. Wählen Sie im Bildschirm Enter customer information die Konto-ID für einen Benutzer mit der standardmäßigen Deckungsstufe aus.
    Hinweis: Bei der Auswahl eines Benutzers mit Gold-Abdeckung wird die Ansicht „Enter Payment Information“ während der Case-Bearbeitung nicht angezeigt.
    image which shows the coverage level of the customer
  4. Führen Sie den Case in die Ansicht „Review Assistance Request“ fort.
    Hinweis: Wenn der Name der Ansicht nicht angezeigt wird, können Sie überprüfen, an welcher Stelle des Case-Life-Cycle Sie sich befinden, indem Sie auf den Header der Stage klicken.
  5. Bewegen Sie den Mauszeiger über den Abschnitt und klicken Sie auf das Icon Configure this view.
    image shows the configure view button
  6. Klicken Sie im rechten Panel auf Change , um die Vorlage zu ändern. Das Fenster Select a template wird angezeigt.
    image shows change icon
  7. Klicken Sie im Fenster Select a template auf Mobile page with content and layout group.
    Hinweis: Die Vorlage Mobile page with content and layout group  kann verwendet werden, um die Ansicht mit einer Layout-Gruppe aus App Studio zu implementieren.
  8. Ziehen Sie alle Abschnitte in den Bereich B (Grouped - Tab) und legen Sie sie dort ab.
    image shows change icon and regions in the template

3 Abschnittsbezeichnungen in Dev Studio ändern

  1. Wechseln Sie zu Dev Studio, um die Bezeichnung der Review-Abschnitte zu ändern.
  2. Klicken Sie im Navigationspanel von Dev Studio auf App.
  3. Erweitern Sie AssistanceRequest > User Interface > Section.
  4. Klicken Sie auf ReviewAssistanceRequest, um den Abschnitt „Review assistance request“ zu öffnen.
  5. Bewegen Sie den Mauszeiger über den Abschnitt Enter customer information im rechten Panel und klicken Sie dann auf Edit. Das Fenster Cell Properties  wird angezeigt.
  6. Geben Sie Customer Information im Tab General im Abschnitt Container settings im Feld Title ein.
    container settings
  7. Klicken Sie auf Submit.
  8. Wiederholen Sie die Schritte 5–7, um die Bezeichnungen für die übrigen Abschnitte zu ändern.
    Abschnitt Titel
    IdentifyLocation Dienstadresse
    IdentifyVehicle Fahrzeuginformationen
    EnterPaymentInformation Zahlungsinformationen
  9. Klicken Sie auf Save, um den Abschnitt zu speichern.

Arbeit überprüfen

  1. Öffnen Sie das Benutzerportal, um einen neuen Case „Assistance Request“ zu erstellen.
    user portal
  2. Führen Sie den Case für einen Kunden mit Gold-Abdeckung zum Step „Review assistance request“ fort.
  3. Klicken Sie im Bildschirm „Review assistance request“ auf jeden Tab und es werden Kunden-, Serviceadresse, Fahrzeug- und Zahlungsinformationen angezeigt.
  4. Bestätigen Sie, dass die Angaben schreibgeschützt sind.
    image showing review screen


In den folgenden Missions verfügbar:

Wenn bei Ihrer Schulung Probleme auftreten, lesen Sie bitte die Pega Academy Support FAQs.

Fanden Sie diesen Inhalt hilfreich?

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

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