Erste Schritte mit anwenderdefinierten Layouts

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 5 Minuten Lesedauer

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

    Vorbereitungen

    • Wenn Sie keinen haben Playbook Um anwenderdefinierte Layouts auf anzuwenden, erstellen Sie ein Playbook. Weitere Informationen finden Sie unter Playbooks werden erstellt.
    • Installieren Sie die neueste Version von Playbook-Experience Und Playbook-Experience-Komponenten-Apps aus dem ServiceNow Store. Siehe Playbook-Experience-Apps .

    Erforderliche Rolle: ui_builder_admin, admin

    Warum und wann dieser Vorgang ausgeführt wird

    Nach dem Erstellen von UI Builder Seite, die Sie anpassen können Playbook-Experience Seiten, die Ihren Anforderungen entsprechen. Seitenvorlagen enthalten Controller, die mit Komponentenvoreinstellungen verwendet werden können, einschließlich Playbook Vorlagen. Weitere Informationen finden Sie unter .

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builderan.
    2. Öffnen Sie UI Builder Experience, in der Sie arbeiten oder eine neue Experience erstellen möchten.
      Die Playbook Experience Builder Experience wurde für Sie entwickelt, um sie anzupassen Playbook-Experience. Weitere Informationen zum Erstellen einer Experience finden Sie unter .
    3. In Ihrem UI Builder Experience können Sie:
      • Erstellen Sie eine Seite von Grund auf neu ,
      • Erstellen Sie eine Seite aus einem Standarddatensatz Vorlage ,
      • Oder erstellen Sie eine Seite aus einem Playbook-Experience Vorlage.
      Mit Playbook-Experience Vorlage beschleunigt den Entwicklungsprozess, da der UI-Controller für anwenderdefiniertes Playbook-Layout und Komponenten bereits jeder Seite hinzugefügt wurden. Einschließlich Datensatzgeneratoren ab Version 25,2 . Der Controller füllt alle bereitgestellten Komponenten automatisch mit Daten aus.
      Hinweis:
      Sie können weiterhin anwenderdefinierte Komponenten erstellen und hinzufügen, wenn Sie eine Vorlage verwenden.

      Wählen Sie ein aus Playbook Vorlage.
    4. Wenn Sie einen verwenden Playbook-Experience Vorlage, Erstellen Ihre Seite.
      1. Richten Sie die Seitendetails ein.
        Name Name Ihrer Seite.
        URL-Pfad Der URL-Pfad, zu dem Anwender 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, ist der Wert -1 .
        Experience Die Experience, die Sie laden möchten.
        selectedPlaybook Das 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 Ihre Standardseite V ein Ariant .
        Name Der Name Ihrer Seitenvariante.
        Zielgruppen Die Anwender, die Ihre Seitenvariante sehen können. Sie können definiert werden durch:
        • Rolle
        • Gruppe
        • Anwender
        • Unternehmen
        • Abteilung
        • Standort
        • Skript
        Bedingungen Bedingungen, die bestimmen, wann die Seitenvariante angezeigt wird.
      4. Öffnen Sie die Standardseitenvariante, die Sie gerade erstellt haben.
      Das neue Playbook-Experience Das Layout enthält bereits Controller und Komponenten, die mit Daten gefüllt sind, aber es gibt noch einige weitere Konfigurationen, die vorgenommen werden müssen. Um die verbleibenden Konfigurationen vorzunehmen, fahren Sie mit Schritt 6 fort.
    5. Wenn Sie verwendet haben Standarddatensatz Fügen Sie der Seite den UI-Controller für anwenderdefiniertes Playbook-Layout hinzu, oder haben Sie Ihre Seite von Grund auf neu erstellt.
      1. Wählen Sie in der unteren Ecke Ihrer neuen Seite das Datensymbol ( Datensymbol.)
      2. Wählen Sie Aus + Hinzufügen .
      3. Suchen Sie nach „Playbook“.
      4. Unter Datenressourcen , Wählen Sie aus UI-Controller für anwenderdefiniertes Playbook-Layout Und klicken Sie auf Hinzufügen .
      5. Beenden Sie Datenressourcen Bereich.
    6. Konfigurieren Sie das Playbook Anwenderdefiniert Layout-UI-Controller Sie haben gerade hinzugefügt.
      1. Damit Anwender einen neuen Datensatz in diesem anwenderdefinierten erstellen können Playbook-Experience Wählen Sie anstelle des standardmäßigen neuen Datensatzformulars oben links eine Testwertpille aus.
        Das Popover für Testwerte wird geöffnet.
      2. Stellen Sie sicher, dass SysID Testwert ist auf festgelegt -1 , Und wählen Sie aus Anwenden .
        Testwerte 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 Datensatzgeneratorformular zu testen und zu bestätigen, dass neue Datensätze erstellt werden.
      3. Sie können auch aktualisieren Tabelle Name oder einer der optionalen Parameter:
      4. Wahlweise: Wenn Sie stattdessen die Testwerte hartcodieren möchten, navigieren Sie zurück zu Daten > Bereich „Datenressourcen“ > Lokale Instanzen der Datenressourcen, Und wählen Sie aus UI-Controller-Datensatzseite .
      5. Unter Konfiguration Fügen Sie die Registerkarte des Controllers hinzu Übergeordnete SysID Oder Übergeordnete Tabelle . Im Popover für Testwerte sind dies die SysID Und Tabelle Felder.
        Sie können eingeben context.props.table In Übergeordnete Tabelle Feld, und context.props.sysId Für Übergeordnete SysID Feld.
        Hinweis:
        Stellen Sie sicher, dass jede Tabelle oder jeder Datensatz, die Sie eingeben, einen hat Playbook.
      6. Fügen Sie hinzu Playbook-Experience Sie möchten verwenden.
      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. Wahlweise: In der Spalte Ausgaben können Sie die Werte auswählen, die Sie hartcodieren möchten.
      Der Controller ist konfiguriert, und Sie können hinzufügen Playbook Komponenten.
    7. Hinzufügen Playbook Komponenten.
      1. Wählen Sie in der Komponentenstruktur die aus Hauptregisterkarte .
        Die Hauptregisterkarte Bereich wird auf der rechten Seite geöffnet.
      2. In Hauptregisterkarte Bereich auswählen + Hinzufügen .
        Ein Modal mit der Frage „wie möchten Sie diese Registerkarte erstellen?“ Wird angezeigt.
      3. Wählen Sie Aus Beginnen Sie mit einem leeren Container Und klicken Sie auf Als Nächstes .
        A Registerkarteneinstellungen Modal wird angezeigt.
      4. Geben Sie Ihrer 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 aus + Komponente hinzufügen Und suchen Sie nach „Größenanpassbar“.
      6. Wählen Sie aus Größenanpassbare Bereiche Komponente, geben Sie ihr einen Namen, und klicken Sie auf Erstellen .
      7. Öffnen Sie in der Komponentenstruktur die neue Größenanpassbare Bereiche Komponente, die Sie gerade erstellt haben.
        Der Bereich für Ihren neuen Größenanpassbare Bereiche Wird auf der rechten Seite geöffnet.
      8. Konfigurieren Sie nach Bedarf, und klicken Sie auf Speichern In der oberen rechten Ecke.
      9. Um die Phasenauswahl hinzuzufügen, suchen Sie nach Ihrem neuen Größenanpassbare Bereiche Komponente in der Komponentenstruktur und wählen Sie aus + Komponente hinzufügen Unter Links .
      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 im UI-Controller für anwenderdefiniertes Playbook-Layout aus, und klicken Sie auf Speichern In der oberen rechten Ecke.
        Wählen Sie eine Voreinstellung für die Komponente aus.
        Eine Bestätigungsnachricht sowie die Komponenteneingaben und -Ereignisse unter werden angezeigt Ereignisse Registerkarte im Phasenauswahlbereich wird automatisch ausgefüllt.
        Komponentenkonfiguration.
      12. Zum Hinzufügen von Playbook-Aktivitätsanzeige , Finden Sie Ihren Größenanpassbare Bereiche Komponente in der Komponentenstruktur und wählen Sie aus + Komponente hinzufügen Unter Rechts .
      13. Wiederholen Sie die Schritte 7j und 7k.
      14. Zum Hinzufügen von Playbook-Modale , Suchen Sie die Registerkarte, die Sie unter erstellt haben Hauptregisterkarte Wählen Sie in der Komponentenstruktur aus + Komponente hinzufügen .
      15. Wiederholen Sie die Schritte 7j und 7k für Playbook-Modale .
      16. Navigieren Sie zurück zu Playbook-Phasenauswahl , Und bestimmen Sie die Ausrichtung Ihrer Phasenauswahl.
      17. Klicken Sie in der oberen rechten Ecke auf Öffnen Um eine Vorschau von anzuzeigen Playbook Layout.
      18. Zurück zu UI Builder.
      19. Navigieren Sie in der Komponentenstruktur zurück zu Ihrer Phasenauswahl, und bestimmen Sie die Ausrichtung Ihrer Phasenauswahl im Bereich, der sich rechts öffnet.