Erstellen Sie anwenderdefinierte Playbook-Aktivitäts-UIs
Erstellen Sie anwenderdefinierte Aktivitäts-UIs für Ihre Playbook-Aktivitäten.
Erstellen Sie Ihre eigenen Aktivitäts-UIs mit UI Builder, um die standardmäßige Anwender-Experience einer Playbook-Aktivität zu überschreiben. UI Builder bietet eine Low-Code-Umgebung zum Erstellen und Aktualisieren von anwenderdefinierten Aktivitäts-UIs. Sie können mehrere UI Builder -Komponenten in einer einzigen Playbook-Aktivität kombinieren. UI Builder verwendet sofort einsatzbereite Aktivitäts-UIs als Vorlage, die Sie anpassen können.
- 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 Playbook-Aktivitäts-Experience-Eigenschaften Komponenten mit Datenbindung zu.
- Definieren Sie Regeln, um festzulegen, welche Aktivitäts-UI mit welcher Aktivität verwendet werden soll.
- Reflektieren Sie Echtzeitänderungen an Aktivitäts-Experience-Eigenschaften, während ein zugrunde liegender Prozess ausgeführt wird.
Erstellen Sie anwenderdefinierte Aktivitäts-UIs für das Playbook
Erstellen Sie anwenderdefinierte Aktivitäts-UIs in UI Builder für Playbook-Aktivitäten.
Vorbereitungen
Erforderliche Rolle: Playbook-Administrator
Prozedur
-
Wählen Sie in der Tabelle „Playbook-Aktivitätsüberschreibungen“ die Option Neu aus.
-
Wählen Sie In UI Builder bearbeiten aus.
Ergebnisse
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
- Rich-Text-Beschreibung
- Gestapelte Bezeichnungswertpaare für Datensatzfelder
- Prüfliste (Bedingung der ausgewählten Eigenschaft „Prüflisten-Experience anzeigen“)
- Formular
- Anhänge
- Footer
- Aktivitätsbezeichnung
- Aktivitätsstatus
- SLA-Timer
- Footer
- Deklarative Aktionen
Sofort einsatzbereite 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 Bereich Inhalt werden die Komponenten in Ihrer Aktivitäts-UI angezeigt. Alle Aktivitäts-UIs enthalten die Komponente „Playbook-Karte“ als äußerste Komponente, die die gesamte Aktivitäts-UI umschließt.
| Playbook-Kartensteckplatz | Beschreibung |
|---|---|
| Inhalt | Fügen Sie allgemeine Inhalte hinzu, die auf der Playbook-Karte angezeigt werden sollen. |
| Formular | Der Slot „Formular“ ist für die Komponente „Playbook-Formular“ 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, den Sie anzeigen möchten, unter dem Formular hinzu. |
| Footer | Fügen Sie den Inhalt hinzu, der in der Kartenfußzeile angezeigt werden soll. |
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 hat einen Experience-Typ, der eine Sammlung von Experience-Eigenschaften definiert, die von Playbookszur Laufzeit an Ihre Aktivität übergeben werden. Beispielsweise enthält der Experience-Typ „Datensatz“ die Eigenschaft „Formularansicht-Experience“, die bestimmt, welches Formular in einer Playbook-Aktivität angezeigt wird.
Sie finden Datenbindungen auf der Registerkarte Konfig des Konfigurationsbereichs in UI Builder.
Beispielsweise ist die HTML-Eigenschaft dieser Rich-Text-Komponente an die Experience-Eigenschaft „Beschreibung“ gebunden. Die Datenbindung hat das folgende Format: @context.props.experienceProperties.description.value. Wenn sich die Experience-Eigenschaft für die Beschreibung ändert, wird diese Komponente aktualisiert, um diesen neuen Wert widerzuspiegeln.
UI Builder bietet während der Eingabe Autovervollständigungswerte, 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 binden können, z. B. den Aktivitätsstatus oder die 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 anwenderdefinierten Aktivitäts-UIs in an UI Builder
Zeigen Sie eine Vorschau Ihrer anwenderdefinierten Aktivitäts-UI in UI Builderan. Sie können Beispieldaten bereitstellen, um eine Vorschau auf das Aussehen von Komponenten in einem laufenden Playbook zu erhalten.
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 auf das Aussehen von Aktivitäten in einem laufenden Playbook zu erhalten. Änderungen, die im Konfigurationsbereich in dieser Aufgabe vorgenommen werden, wirken sich nicht auf die Aktivitäts-UI zur Laufzeit aus. Sie 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
-
Wählen Sie im Inhaltsbereich Textkörper aus.
-
Wählen Sie im Konfigurationsbereich die Registerkarte Konfig aus.
-
Wählen Sie Übernehmen.
-
Sie können die anderen Eigenschaften auf der Registerkarte Konfig ändern, um die Aktivitäts-UI anzupassen.
Sie können beispielsweise den Aktivitätsstatus ändern, um eine Vorschau einer Aktivität im Status „Ausstehend“ oder „Abgeschlossen“ anzuzeigen.