Flow-Panel öffnen

Die Interaktion „Open Flow Panel“ ermöglicht es Ihnen, einen Salesforce Screen Flow direkt in Ihre Avonni Dynamic Component einzubetten, angezeigt als ein Bereich innerhalb des Komponentenbereichs und nicht in einem separaten Modaldialog. Dies integriert interaktive, mehrstufige Prozesse nahtlos in Ihre Benutzeroberfläche.

Übersicht

Die Interaktion „Open Flow Panel“ hostet einen Screen Flow inline innerhalb Ihrer Dynamic Component. Dies ist ideal für Szenarien, in denen Sie:

• Einen geführten, schrittweisen Prozess, der Teil des Hauptseitenlayouts ist und kein separates Popup.

• Der Flow neben anderen Komponenten auf der Seite sichtbar sein soll.

• Eine stärker integrierte Erfahrung als ein Modaldialog bietet.

Wesentlicher Unterschied zu „Open Flow Dialog“

Das „Open Flow Panel“ zeigt den Screen Flow innerhalb im Layout der Komponente als Panel an. Das „Open Flow Dialog“ zeigt den Screen Flow in einem Modaldialogfenster über der Seite an. Beide sind für Screen Flows (Flows mit UI), nicht für automatisch gestartete Flows.

Tutorials

Sehen Sie sich praktische Beispiele an und lernen Sie, wie Sie spezifische Szenarien mit dieser Interaktion implementieren:

Wie man mehrere ausgewählte Datensätze von einer Dynamic Component an einen Screen Flow übergibt

Funktionsweise

1. Benutzeraktion (Optional): Der Benutzer kann mit einer Komponente interagieren (z. B. auf eine Schaltfläche klicken), um das Panel auszulösen. Sie können das Panel jedoch auch so konfigurieren, dass der Flow beim Laden.

2. angezeigt wird. Erscheinendes Panel:

3. Die Interaktion „Open Flow Panel“ macht den Panelbereich innerhalb der Komponente sichtbar. Screen Flow wird ausgeführt: innerhalb Der angegebene Screen Flow läuft

4. im Panel. Benutzerinteraktion mit dem Flow:

5. Der Benutzer interagiert mit den Bildschirmen des Screen Flows, gibt Eingaben und trifft Entscheidungen, alles innerhalb des Panels. Datenübergabe (Optional): Sie können Daten aus der Dynamic Component an den Flow als.

6. Eingabevariablen Rückgabe (Optional): Der Flow kann Daten an die Dynamic Component als.

7. Ausgabevariablen Das Panel bleibt offen/schließt sich:

8. Das Panel bleibt offen, bis der Flow beendet ist, oder Sie können Aktionen konfigurieren, um seine Sichtbarkeit zu steuern. Aktionen nach der Ausführung (Optional):

Sie können Aktionen konfigurieren, die nach Abschluss des Flows ausgeführt werden (z. B. eine Toast-Nachricht anzeigen, Daten aktualisieren).

Konfiguration

1. Um die Interaktion „Open Flow Panel“ zu konfigurieren: Wählen Sie die Komponente:

2. Wählen Sie die Avonni-Komponente, die das Flow-Panel hosten (oder dessen Anzeige auslösen) soll. Fügen Sie die Interaktion hinzu:

3. Suchen Sie im Eigenschaftsfenster der Komponente nach „Actions“ oder „Interactions“. Fügen Sie eine neue Aktion hinzu und wählen Sie „Open Flow Panel“.

   • Konfigurieren Sie die Einstellungen: Flow-API-Name: Screen Flow Wählen Sie den API-Namen des

   • den Sie einbetten möchten.

     • Flow-Eingabevariablen (Optional): Name: Der API-Name der Eingabevariablen in Ihrem Screen Flow.

     • Diese Liste zeigt Variablen, die bereits in Ihrem Screen Flow definiert und als „Available for Input“ markiert sind. Sie müssen diese Eingabevariablen in Ihrem Flow erstellen, bevor Sie diese Interaktion konfigurieren. Wert:

   • Der an die ausgewählte Eingabevariable zu übergebende Wert. Dieser kann statisch, dynamisch (aus der Komponente) oder eine Ressource sein.

     • Flow-Eingabevariablen (Optional): Ausgabevariablen (Optional):

     • Der API-Name der Ausgabevariablen in Ihrem Screen Flow. Ressourcenname: Der Name der Ressource (Variablen) in Ihrer Dynamic Component

   • zur Speicherung des zurückgegebenen Werts. Panel-Header (Optional):

   • Legen Sie die Kopfzeile des Flow-Panels fest. Zugängliche Beschreibung (Optional):

   • Geben Sie eine Beschreibung für Screenreader an. Bei Abschluss (Optional): Konfigurieren Sie Aktionen, die ausgeführt werden sollen, wenn der Flow erfolgreich abgeschlossen ist (z. B. eine Toast-Nachricht anzeigen, Daten aktualisieren,).

   • das Panel ausblenden Beim Schließen (Optional):

   • Konfigurieren Sie Aktionen, die ausgeführt werden sollen, wenn der Benutzer das Panel schließt (dies kann je nach Konfiguration des Panels und des Flows möglich oder nicht möglich sein). Bei Fehler (Optional):

Konfigurieren Sie Aktionen, die ausgeführt werden sollen, wenn der Flow auf einen Fehler stößt.

Beispielanwendung: Inline-Aktualisierung von Kontaktinformationen Stellen Sie sich vor, Sie haben eine Datentabelle, die Kontakte anzeigt. Sie möchten, dass Benutzer den Status

1. eines Kontakts direkt aus der Tabelle aktualisieren können, ohne zu einer separaten Bearbeitungsseite zu navigieren.

   • Erstellen Sie den Screen Flow:

   • Erstellen Sie einen neuen Screen Flow. Fügen Sie eine Eingabevariable namens hinzu ContactId

   • (Typ Text). Fügen Sie eine Eingabevariable namens hinzu.

   • Fügen Sie ein Element „Get Records“ hinzu, um den Kontaktdatensatz basierend auf abzurufen Stellen Sie sich vor, Sie haben eine Datentabelle, die Kontakte anzeigt. Sie möchten, dass Benutzer den.

   • Fügen Sie ein Screen-Element mit einer Auswahlliste (oder anderen Eingaben) hinzu, damit der Benutzer einen neuen Stellen Sie sich vor, Sie haben eine Datentabelle, die Kontakte anzeigt. Sie möchten, dass Benutzer den Fügen Sie ein Element „Update Records“ hinzu, um das

   • Feld des Kontakts zu aktualisieren.

2. Aktivieren Sie den Flow. Notieren Sie sich den API-Namen des Flows. Fügen Sie eine Data Table-Komponente hinzu:

3. Fügen Sie Ihrer Dynamic Component eine Avonni Data Table hinzu, die so konfiguriert ist, dass sie Kontakte anzeigt. Fügen Sie eine Schaltfläche (Zeilenaktion) hinzu: Fügen Sie eine Schaltflächenkomponente als Zeilenaktion

4. zur Datentabelle hinzu. Diese Schaltfläche löst das Flow-Panel aus.

   • Konfigurieren Sie die Interaktion „Open Flow Panel“:

   • Wählen Sie die Schaltflächenkomponente (die Zeilenaktion).

   • Konfigurieren Sie die Einstellungen: Fügen Sie eine Interaktion „Open Flow Panel“ hinzu.

   • Geben Sie den API-Namen Ihres Screen Flows ein.

     • Flow-Eingabevariablen (Optional): Fügen Sie eine Eingabevariable namens hinzu

     • Diese Liste zeigt Variablen, die bereits in Ihrem Screen Flow definiert und als „Available for Input“ markiert sind. Sie müssen diese Eingabevariablen in Ihrem Flow erstellen, bevor Sie diese Interaktion konfigurieren. Flow-Eingabevariablen: @ThisItem.Id

   • (Dies übergibt die ID des ausgewählten Kontakts an den Flow). Bei Abschluss:

5. Fügen Sie Aktionen hinzu, um eine Erfolgsmeldung anzuzeigen (Show Toast) und die Datentabelle zu aktualisieren, damit der aktualisierte Status angezeigt wird. Test:

Speichern und testen Sie. Ein Klick auf die Schaltfläche in einer Zeile der Datentabelle sollte nun Ihren Screen Flow in einem Panel anzeigen, sodass der Benutzer den Status des Kontakts direkt im Kontext der Datentabelle aktualisieren kann.

• Wichtige Überlegungen Nur Screen Flows: Die Interaktion „Open Flow Panel“ funktioniert nur mit.

• Screen Flows Namen von Ein-/Ausgabevariablen:

• Die API-Namen müssen genau übereinstimmen. Panel-Sichtbarkeit:

• Überlegen Sie genau, wie die Sichtbarkeit des Panels gesteuert wird. Sie möchten möglicherweise die Aktion „Bei Abschluss“ verwenden, um das Panel nach Abschluss des Flows auszublenden. Layout:

Berücksichtigen Sie das Layout Ihrer Dynamic Component und wie das Panel darin Platz findet.

Zusammenfassung Die Open Flow Panel