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 BuilderDient zum Überschreiben der Standardanwender-Experience einer Playbook-Aktivität. UI BuilderBietet eine Low-Code-Umgebung zum Erstellen und Aktualisieren anwenderdefinierter Aktivitäts-UIs. Sie können mehrere kombinieren UI BuilderKomponenten in einer einzelnen Playbook-Aktivität. UI BuilderVerwendet 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 Inhalt in der Shell einer Karte enthält.
- Ordnen Sie Playbook-Aktivitäts-Experience-Eigenschaften Komponenten mit Datenbindung zu.
- Definieren Sie Regeln, um anzugeben, welche Aktivitäts-UI mit welcher Aktivität verwendet werden soll.
- Spiegeln Sie Änderungen an Eigenschaften der Aktivitäts-Experience in Echtzeit wider, 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 BuilderFür Playbook-Aktivitäten.
Vorbereitungen
Erforderliche Rolle: playbook-Administrator
Prozedur
-
Wählen Sie Aus Neu In Überschreibungen Der Playbook-Aktivität Tabelle.
-
Wählen Sie Aus Bearbeiten Sie in UI Builder .
Ergebnisse
Konfigurieren Sie Aktivitäts-UIs mit UI Builder
Sie können Aktivitäts-UIs mit anpassen UI BuilderAuf folgende Weise.
Verwenden Sie UI-Vorlagen in UI Builder
- Rich-Text-Beschreibung
- Gestapelte Bezeichnungswertpaare für Datensatzfelder
- Prüfliste (bedingt für die Eigenschaft „Prüflisten-Experience anzeigen“, die ausgewählt ist)
- 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
Die Inhalt Im Bereich werden die Komponenten in Ihrer Aktivitäts-UI angezeigt. Alle Aktivitäts-UIs enthalten die Playbook-Kartenkomponente 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 | Das Formularfenster ist für die Playbook-Formularkomponente reserviert. Formulare werden in einem modalen Element angezeigt, wenn sie zu groß sind, um in eine Playbook-Karte zu passen |
| Unter Formular | Fügen Sie den Inhalt hinzu, der unter dem Formular angezeigt werden soll. |
| 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 BuilderZum Binden von Playbook-Experience-Eigenschaften an Ihre Aktivitäts-UI. Diese Playbook-Experience-Datenressourcen stellen Ihre Daten dynamisch den Komponenten in Ihrer Aktivitäts-UI zur Verfügung.
Jede Aktivitäts-UI verfügt über einen Experience-Typ, der eine Sammlung von Experience-Eigenschaften definiert, die zur Laufzeit von an Ihre Aktivität übergeben werden Playbooks. Beispielsweise enthält der Datensatz-Experience-Typ eine Eigenschaft der Formularansicht-Experience, die festlegt, welches Formular in einer Playbook-Aktivität angezeigt wird.
Sie finden Datenbindungen in Konfiguration Registerkarte des Konfigurationsbereichs in UI Builder.
Beispielsweise ist die HTML-Eigenschaft dieser Rich-Text-Komponente an die Eigenschaft der Beschreibung-Experience gebunden. Die Datenbindung erfolgt in folgender Form: @context.props.experienceProperties.description.value . Wenn sich die Eigenschaft der Beschreibungs-Experience ändert, wird diese Komponente aktualisiert, um diesen neuen Wert widerzuspiegeln.
UI Builder Stellt automatisch vervollständigte Werte während der Eingabe bereit, um Sie zur richtigen Experience-Eigenschaft zu führen. Die Experience-Eigenschaften, die UI BuilderWird automatisch vervollständigt, um dem Experience-Typ zu entsprechen, den Sie für Ihre Aktivitäts-UI ausgewählt haben. Wenn Experience-Eigenschaften einem Experience-Typ hinzugefügt werden, werden sie automatisch angezeigt.
Neben Experience-Eigenschaften enthält das Objekt @context.props weitere nützliche Daten, an die Sie binden können, z. B. den activityState oder die parentTable. Beginnen Sie mit der Eingabe @context.props, um zu sehen, was verfügbar ist.
Für weitere Informationen zur Datenbindung in UI Builder, Siehe Datenressourcen in UI Builder .
Vorschau der anwenderdefinierten Aktivitäts-UIs in anzeigen UI Builder
Zeigen Sie eine Vorschau Ihrer anwenderdefinierten Aktivitäts-UI in an UI Builder. Sie können Beispieldaten bereitstellen, um eine Vorschau darauf anzuzeigen, wie Komponenten in einem laufenden Playbook aussehen.
Vorbereitungen
Erforderliche Rolle: playbook-Administrator oder Aktivitätsautor
Warum und wann dieser Vorgang ausgeführt wird
Vorschau der Aktivitäts-UIs anzeigen, die Sie in erstellt haben UI Builder. Ändern Sie die Beispieldaten, um eine Vorschau darauf anzuzeigen, wie Aktivitäten in einem laufenden Playbook aussehen. Änderungen, die im Konfigurationsbereich in dieser Aufgabe vorgenommen werden, wirken sich nicht auf die Aktivitäts-UI zur Laufzeit aus. Wirkt sich nur auf die Vorschau in aus UI Builder. Die Laufzeit-Standardwerte für jede Experience-Eigenschaft werden festgelegt, wenn die Experience-Eigenschaft erstellt wird.
Prozedur
-
Wählen Sie Aus Textkörper Im Inhaltsbereich.
-
Wählen Sie aus Konfiguration Registerkarte im Konfigurationsbereich.
-
Wählen Sie Übernehmen.
-
Sie können die anderen Eigenschaften in ändern Konfiguration Registerkarte zum Anpassen der Aktivitäts-UI.
Sie können beispielsweise ändern AktivityStatus Dient zum Anzeigen einer Vorschau einer Aktivität im Status „Ausstehend“ oder „Abgeschlossen“.