Erstellen Sie benutzerdefinierte Playbook-Aktivitäts-UIs

Erstellen Sie benutzerdefinierte Aktivitäts-UIs für Ihre Playbook-Aktivitäten.

Erstellen Sie mit UI Builder eigene Aktivitäts-UIs, um die standardmäßige Benutzer-Experience einer Playbook-Aktivität zu überschreiben. UI Builder bietet eine Low-Code-Umgebung zum Erstellen und Aktualisieren von benutzerdefinierten Aktivitäts-UIs. Sie können mehrere UI Builder -Komponenten in einer einzigen Playbook-Aktivität kombinieren. UI Builder verwendet vordefinierte Aktivitäts-UIs als Vorlage, die Sie anpassen können.

Verwenden Sie UI Builder, um die Benutzer-Experience für eine Aktivität in einer Playbook-Experience anzupassen. In UI Builderkönnen Sie Folgendes tun:

• Erstellen Sie eine neue Aktivität aus einer leeren UI-Vorlage, die eine Shell einer Karte enthält.
• Erstellen Sie eine neue Aktivität aus einer vorhandenen UI-Vorlage, die Inhalte innerhalb der Shell einer Karte enthält.
• Ordnen Sie Eigenschaften der Playbook-Aktivitäts-Experience Komponenten mit Datenbindung zu.
• Definieren Sie Regeln, um anzugeben, welche Aktivitäts-UI mit welcher Aktivität verwendet werden soll.
• Echtzeitänderungen an Eigenschaften der Aktivitäts-Experience widerspiegeln, wenn ein zugrunde liegende Prozess ausgeführt wird.

Erstellen Sie benutzerdefinierte Aktivitäts-UIs für das Playbook

Erstellen Sie in UI Builder benutzerdefinierte Aktivitäts-UIs für Playbook-Aktivitäten.

Vorbereitungen

Erforderliche Rolle: Playbook-Administrator

Prozedur

1. Navigieren zu Alle > Playbook-Experience > Aktivitäts-UIs.
2. Wählen Sie Neu.
3. Füllen Sie die Felder des Formulars aus.

   Tabelle : 1. Formular „Playbook-Aktivitäts-UI“.

   Feld	Beschreibung
   Name	Name für Ihre Aktivitäts-UI.
   Playbook-Experience	Wählen Sie die Playbook-Experience aus, in der Sie die Aktivitäts-UI verwenden möchten. Wählen Sie Globale Playbook-Experience aus, um Ihre Aktivitäts-UI für alle Playbook-Experiences verfügbar zu machen.
   Experience-Typ	Wählen Sie den Experience-Typ aus, den Sie auf die Aktivitäts-UI anwenden möchten. Weitere Informationen zu Experience-Typen finden Sie unter Experience-Typen.
   UI-Vorlage	Wählen Sie die UI-Vorlage aus, die Sie für Ihre Aktivitäts-UI klonen möchten. Die leere Vorlage wird angewendet, wenn keine UI-Vorlage ausgewählt ist. Wenn Sie eine UI-Vorlage mit einem Experience-Typ auswählen, der sich von Ihrem Experience-Typ für Aktivitäts-UIs unterscheidet, ist sie ohne zusätzliche Änderungen möglicherweise nicht vollständig kompatibel.

4. Wählen Sie Absenden.
5. Wählen Sie die von Ihnen erstellte Aktivitäts-UI aus der Liste aus.
6. Wählen Sie in der Playbook-Aktivitätsüberschreibungstabelle die Option Neu aus.
   
7. Füllen Sie das Aktivitätsüberschreibungsformular aus, um anzugeben, wann Ihre Aktivitäts-UI die Standardaktivitäts-UI überschreiben soll.
   Weitere Informationen finden Sie unter Playbook-Aktivitätsüberschreibungen einrichten.
8. Wählen Sie In UI Builder bearbeiten aus.
   

Ergebnisse

UI Builder wird in einer neuen Registerkarte geöffnet, auf der Ihre Aktivitäts-UI angezeigt wird. Ändern Sie Ihre benutzerdefinierte Aktivitäts-UI mit UI Builder. Weitere Informationen finden Sie unter UI Builder.

Konfigurieren Sie Aktivitäts-UIs mit UI Builder

Sie können Aktivitäts-UIs mit UI Builder auf folgende Weise anpassen.

Verwenden Sie UI-Vorlagen in UI Builder

Aktivitäts-UIs werden in UI Builder als UI-Vorlage geöffnet, die Sie beim Erstellen einer benutzerdefinierten Aktivitäts-UI ausgewählt haben. Jede UI-Vorlage enthält vorkonfigurierte Komponenten, die in UI Builderangepasst werden können. Die Standardaktivitäts-UI bietet beispielsweise Unterstützung für Folgendes:

• Rich-Text-Beschreibung
• Gestapelte Bezeichnungswertpaare für Datensatzfelder
• Prüfliste (Bedingt, wenn die Eigenschaft „Prüflisten-Experience anzeigen“ ausgewählt ist)
• Formular
• Anlagen
• Footer

Wenn Sie keine UI-Vorlage ausgewählt haben, zeigt UI Builder eine leere Playbook-Karte an, die die äußere Hülle der Karte enthält. Alle Vorlagen, einschließlich der leeren Vorlage, enthalten Folgendes:

• Aktivitätsbezeichnung
• Aktivitätsstatus
• SLA-Timer
• Footer
• Deklarative Aktionen

Vordefinierte Aktivitäts-UIs

Playbook enthält die folgenden Aktivitäts-UIs:

Standard

Liste

Wissen

Datensatzgenerator

Fügen Sie Ihrer Aktivitäts-UI Inhalte hinzu

Im Inhaltsbereich werden die Komponenten in Ihrer Aktivitäten-UI angezeigt. Alle Aktivitäts-UIs enthalten die Playbook-Kartenkomponente als äußerste Komponente, die die gesamte Aktivitäts-UI umschließt.

Sie können jedem der Playbook-Kartensteckplätze Komponenten hinzufügen:

Playbook-Kartensteckplatz	Beschreibung
Inhalt	Fügen Sie allgemeine Inhalte hinzu, die auf der Playbook-Karte angezeigt werden sollen.
Formular	Der Formular-Slot ist für die Playbook-Formularkomponente reserviert. Formulare werden in einem Modal angezeigt, wenn sie zu groß sind, um in eine Playbook-Karte zu passen
Unterhalb des Formulars	Fügen Sie den Inhalt hinzu, den Sie unterhalb des Formulars anzeigen möchten.
Footer	Fügen Sie den Inhalt hinzu, den Sie in der Kartenfußzeile anzeigen möchten.

Binden Sie Daten an Ihre Aktivitäts-UI

Verwenden Sie die Datenbindung in UI Builder, um Eigenschaften der Playbook-Experience an Ihre Aktivitäts-UI zu binden. Diese Playbook-Experience-Datenressourcen stellen Ihre Daten dynamisch für die Komponenten in Ihrer Aktivitäts-UI bereit.

Jede Aktivitäts-UI verfügt über einen Experience-Typ, der eine Sammlung von Experience-Eigenschaften definiert, die zur Laufzeit von Playbooksan Ihre Aktivität übergeben werden. Beispielsweise enthält der Experience-Typ „Datensatz“ eine Formularansichts-Experience-Eigenschaft, die bestimmt, welches Formular in einer Playbook-Aktivität angezeigt wird.

Sie finden Datenbindungen auf der Registerkarte Konfiguration des Konfigurationsbereichs in UI Builder.

Beispielsweise ist die HTML-Eigenschaft dieser Rich-Text-Komponente an die Experience-Eigenschaft der Beschreibung gebunden. Die Datenbindung hat das folgende Format: @context.props.experienceProperties.description.value. Wenn sich die Experience-Eigenschaft der Beschreibung ändert, wird diese Komponente aktualisiert, um diesen neuen Wert widerzuspiegeln.

UI Builder stellt während der Eingabe Werte für die automatische Vervollständigung bereit, um Sie zur richtigen Experience-Eigenschaft zu führen. Die Experience-Eigenschaften, die UI Builder automatisch vervollständigt, um dem Experience-Typ zu entsprechen, den Sie für Ihre Aktivitäts-UI ausgewählt haben. Wenn einem Experience-Typ Experience-Eigenschaften hinzugefügt werden, werden sie automatisch angezeigt.

Zusätzlich zu ExperienceProperties enthält das Objekt @context.props weitere nützliche Daten, an die Sie gebunden werden können, z. B. activityState oder parentTable. Beginnen Sie mit der Eingabe von @context.props, um zu sehen, was verfügbar ist.

Weitere Informationen zur Datenbindung in UI Builderfinden Sie unter Datenressourcen in UI Builder.

Zeigen Sie eine Vorschau der benutzerdefinierten Aktivitäts-UIs in an UI Builder

Zeigen Sie eine Vorschau Ihrer benutzerdefinierten Aktivitäts-UI in UI Builderan. Sie können Beispieldaten bereitstellen, um eine Vorschau darauf zu erhalten, wie Komponenten in einem ausgeführten Playbook aussehen.

Vorbereitungen

Erforderliche Rolle: Playbook-Administrator oder Aktivitätsautor

Warum und wann dieser Vorgang ausgeführt wird

Zeigen Sie eine Vorschau der Aktivitäts-UIs an, die Sie in UI Buildererstellt haben. Ändern Sie die Beispieldaten, um eine Vorschau der Aktivitäten in einem ausgeführten Playbook anzuzeigen. Änderungen, die im Konfigurationsbereich dieser Aufgabe vorgenommen werden, wirken sich nicht auf die Aktivitäts-UI zur Laufzeit aus. Dies wirkt sich nur auf die Vorschau innerhalb von UI Builderaus . Die Laufzeit-Standardwerte für jede Experience-Eigenschaft werden festgelegt, wenn die Experience-Eigenschaft erstellt wird.

Prozedur

1. Navigieren zu Alle > Playbook-Experience > Aktivitäts-UIs.
2. Wählen Sie die Aktivitäts-UI aus, die Sie in der Vorschau anzeigen möchten.
3. Wählen Sie In UI Builder bearbeiten aus.
4. Wählen Sie im Inhaltsbereich Text aus.
   
5. Wechseln Sie im Konfigurationsbereich zur Registerkarte Konfiguration.
   
6. Wählen Sie im Feld Experience-EigenschaftenBearbeiten aus.
   Die Experience-Eigenschaften definieren den Inhalt, den Playbooks zur Laufzeit bereitstellt. Sie können die bereitgestellten Beispieldaten ändern, um eine Vorschau Ihrer Aktivitäts-UI anzuzeigen. Das Anpassen dieser Daten hat keine Auswirkungen darauf, was Ihre Aktivitäts-UI in einem laufenden Playbook anzeigt.
7. Bearbeiten Sie die Experience-Eigenschaft JSON.
8. Wählen Sie Übernehmen.
   
9. Sie können die anderen Eigenschaften auf der Registerkarte „Konfiguration “ ändern, um die Aktivitäts-UI anzupassen.

   Sie können beispielsweise den activityState ändern, um eine Vorschau einer Aktivität im Status „Ausstehend“ oder „Abgeschlossen“ anzuzeigen.

10. Wählen Sie Speichern.

Ergebnisse

UI Builder zeigt die Änderungen an, die Sie auf der Registerkarte „Konfiguration“ vorgenommen haben.