Erste Schritte mit benutzerdefinierten Layouts

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 5 Minuten Lesedauer

    • Richten Sie eine UI Builder -Seite ein, und beginnen Sie mit der Konfiguration Ihrer modularen Playbook Custom Layouts-Komponenten für benutzerdefinierte Layouts in Playbook-Experience.

    Vorbereitungen

    Warum und wann dieser Vorgang ausgeführt wird

    Nach dem Erstellen einer UI Builder -Seite können Sie Playbook-Experience -Seiten an Ihre Anforderungen anpassen. Seitenvorlagen enthalten Controller, die mit Komponentenvoreinstellungen verwendet werden können, einschließlich der Playbook -Vorlagen. Weitere Informationen finden Sie unter Bind data to UI Builder pages using controllers (advanced feature).

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie die UI Builder- Experience, in der Sie arbeiten möchten, oder erstellen Sie eine neue Experience.
      Die Playbook-Experience-Generator-Experience wurde für Sie entwickelt, um Playbook-Experienceanzupassen. Weitere Informationen zum Erstellen einer Experience finden Sie unter Configure how users interact with your applications in UI Builder.
    3. In Ihrer UI Builder- Experience können Sie:
      Die Verwendung einer Vorlage Playbook-Experience beschleunigt den Entwicklungsprozess, da der UI-Controller für benutzerdefiniertes Playbook-Layout und die Komponenten bereits jeder Seite hinzugefügt werden, , einschließlich Datensatzgeneratoren ab Version 25.2. Der Controller füllt alle bereitgestellten Komponenten automatisch mit Daten.
      Hinweis:
      Sie können weiterhin benutzerdefinierte Komponenten erstellen und hinzufügen, wenn Sie eine Vorlage verwenden.

      Wählen Sie eine Playbook -Vorlage aus.
    4. Wenn Sie eine Playbook-Experience -Vorlage verwenden, erstellen Sie Ihre Seite.
      1. Richten Sie die Seitendetails ein.
        Name Name Ihrer Seite.
        URL-Pfad Der URL-Pfad, zu dem Benutzer navigieren, um auf die Seite zuzugreifen.
      2. Überprüfen Sie die Testparameter für Ihre Seite.
        table Name der übergeordneten Tabelle für das Playbook.
        sysID Sys_id des Datensatzes. Für einen Datensatz, der nicht vorhanden ist, lautet der Wert -1.
        Experience Die Experience, die Sie laden möchten.
        selectedPlaybook Playbook, in dem sich der Service Desk-Mitarbeiter oder Erfüller befindet.
        selectedStage Die Phase, in der sich der Service Desk-Mitarbeiter oder Erfüller befindet.
        selectedActivity Die Aktivität, in der sich der Service Desk-Mitarbeiter oder Erfüller befindet.
      3. Richten Sie Ihren Standardseiten-V-Variantenein.
        Name Der Name Ihrer Seitenvariante.
        Zielgruppen Die Benutzer, die Ihre Seitenvariante sehen können. Sie können wie folgt definiert werden:
        • Rolle
        • Gruppe
        • Benutzer
        • Unternehmen
        • Abteilung
        • Standort
        • Skript
        Bedingungen Bedingungen, die bestimmen, wann die Seitenvariante angezeigt wird.
      4. Öffnen Sie die soeben erstellte Standardseitenvariante.
      Das neue Playbook-Experience -Layout enthält bereits Controller und Komponenten, die mit Daten ausgefüllt sind, es müssen jedoch noch einige weitere Konfigurationen vorgenommen werden. Um die verbleibenden Konfigurationen vorzunehmen, fahren Sie mit Schritt 6 fort.
    5. Wenn Sie die Standard-Datensatzvorlage verwendet oder Ihre Seite von Grund auf neu erstellt haben, fügen Sie der Seite den benutzerdefinierten Playbook-Layout-UI-Controller hinzu.
      1. Wählen Sie in der linken unteren Ecke der neuen Seite Daten aus.
      2. Wählen Sie + Hinzufügen aus.
      3. Suchen Sie nach „Playbook“.
      4. Wählen Sie unter Datenressourcendie Option Playbook Benutzerdefiniertes Layout UI-Controller aus, und klicken Sie auf Hinzufügen.
      5. Verlassen Sie den Bereich „Datenressourcen “.
    6. Konfigurieren Sie den benutzerdefinierten Playbook-Layout UI-Controller, den Sie gerade hinzugefügt haben.
      1. Damit Benutzer einen neuen Datensatz in diesem benutzerdefinierten Playbook-Experience anstelle des standardmäßigen neuen Datensatzformulars erstellen können, wählen Sie oben links eine Testwertpille aus.
        Das Popover „Testwerte“ wird geöffnet.
      2. Stellen Sie sicher, dass der sysID -Testwert auf -1festgelegt ist, und wählen Sie Anwendenaus.
        Testen Sie Werte für Ihre Playbook-Experience mit der Tabelle und der sysID
        Ein Datensatzgenerator-Formular ist verfügbar, wenn Sie die Vorschau öffnen. Sie sollten in der Lage sein, das Formular „Datensatzgenerator“ zu testen und zu bestätigen, dass neue Datensätze erstellt werden.
      3. Sie können auch den Tabellennamen oder einen der optionalen Parameter aktualisieren:
      4. Wahlweise: Wenn Sie die Testwerte stattdessen hartcodieren möchten, navigieren Sie zurück zu Daten > Bereich „Datenressourcen“. > Lokale Instanzen der Datenressourcen, und wählen Sie UI-Controller-Datensatzseiteaus.
      5. Fügen Sie auf der Registerkarte „Konfiguration“ des Controllers die übergeordnete SysIDoder übergeordnete Tabellehinzu. Im Popover „Testwerte“ sind dies die Felder sysID und Tabelle.
        Sie können context.props.table in das Feld Übergeordnete Tabelle und context.props.sysId in das Feld Übergeordnete SysID eingeben.
        Hinweis:
        Stellen Sie sicher, dass die Tabelle oder der Datensatz, den Sie eingeben, eine Playbookhat.
      6. Fügen Sie die Playbook-Experience hinzu, die Sie verwenden möchten.
      7. Wahlweise: Geben Sie bei Bedarf Werte für die anderen Felder ein.
        Aktivitätsansichtsmodus Ansichtsmodus, der zum Rendern von Playbook-Aktivitäten im gestapelten oder fokussierten Modus verwendet wird
        Datensatzgenerator-Abfrage Codierte Abfragezeichenfolge zum optionalen Überschreiben der für einen Datensatzgenerator angegebenen Abfrage
        Ausgewähltes Playbook – Kontext-ID Optionale Kontext-ID des ausgewählten Playbooks für Deep Linking
        Ausgewählte Phase – Kontext-ID Optionale Kontext-ID der ausgewählten Phase für Deep Linking
        Ausgewählte Aktivität – Kontext-ID Optionale Kontext-ID der ausgewählten Aktivität für Deep Linking
      8. In der Spalte Ausgaben können Sie die Werte auswählen, die Sie hartcodieren möchten.
      Der Controller ist konfiguriert, und Sie können Playbook Komponenten hinzufügen.
    7. Fügen Sie Playbook Komponenten hinzu.
      1. Wählen Sie in der Komponentenstruktur die Hauptregisterkarteaus.
        Der Bereich der Hauptregisterkarte wird auf der rechten Seite geöffnet.
      2. Wählen Sie im Bereich der Hauptregisterkarte die Option + Hinzufügenaus.
        Ein Modal mit der Frage „Wie möchten Sie diese Registerkarte erstellen?“ zeigt an.
      3. Wählen Sie Aus leerem Container starten aus, und klicken Sie auf Weiter.
        Ein Dialogfeld mit Registerkarteneinstellungen wird angezeigt.
      4. Geben Sie der Registerkarte einen Namen und ein Symbol, und klicken Sie auf Erstellen.
        Die Registerkarte wird der Komponentenstruktur hinzugefügt, und eine leere Canvas wird angezeigt.
      5. Wählen Sie in der Komponentenstruktur auf Ihrer neuen Registerkarte die Option + Komponentensuche hinzufügen nach „Größenänderung“ aus.
      6. Wählen Sie die Komponente Größenanpassbare Bereiche aus, geben Sie ihr einen Namen, und klicken Sie auf Erstellen.
      7. Öffnen Sie in der Komponentenstruktur die neue Komponente der größenverstellbaren Bereiche, die Sie gerade erstellt haben.
        Der Bereich für Ihre neuen größenverstellbaren Bereiche wird auf der rechten Seite geöffnet.
      8. Konfigurieren Sie nach Bedarf, und klicken Sie in der oberen rechten Ecke auf Speichern.
      9. Um die Phasenauswahl hinzuzufügen, suchen Sie in der Komponentenstruktur nach Ihrer neuen Komponente für größenverstellbare Bereiche, und wählen Sie + Komponente hinzufügen unter links aus.
      10. Wählen Sie in Ihrer Komponentenstruktur die neue Phasenauswahl aus.
        Der Bereich für Ihre neue Phasenauswahl wird auf der rechten Seite geöffnet.
      11. Wählen Sie die Voreinstellung für diese Komponente aus dem UI-Controller für benutzerdefiniertes Playbook-Layout aus, und klicken Sie in der oberen rechten Ecke auf Speichern.
        Wählen Sie eine Voreinstellung für die Komponente aus
        Eine Bestätigungsmeldung wird angezeigt, und die Komponenteneingaben und Events auf der Registerkarte Events im Phasenauswahlbereich werden automatisch ausgefüllt.
        Komponentenkonfiguration
      12. Um die Playbook-Aktivitätsanzeigehinzuzufügen, suchen Sie in der Komponentenstruktur nach der Komponente für größenverstellbare Bereicheund wählen Sie + Komponente hinzufügen unter der rechten Seiteaus.
      13. Wiederholen Sie die Schritte 7j und 7k.
      14. Um die Playbook-Modals hinzuzufügen, suchen Sie die Registerkarte, die Sie erstellt haben, unter der Hauptregisterkarte in der Komponentenstruktur, und wählen Sie + Komponentehinzufügen aus.
      15. Wiederholen Sie die Schritte 7j und 7k für die Playbook-Modale.
      16. Navigieren Sie zurück zur Playbook-Phasenauswahl, und legen Sie die Ausrichtung der Phasenauswahl fest.
      17. Klicken Sie in der oberen rechten Ecke auf Öffnen, um eine Vorschau des Playbook -Layouts anzuzeigen.
      18. Kehren Sie zu UI Builderzurück.
      19. Navigieren Sie zurück zu Ihrer Phasenauswahl in der Komponentenstruktur, und legen Sie die Ausrichtung Ihrer Phasenauswahl im Bereich fest, der sich auf der rechten Seite öffnet.