> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-panel.md).

# Open Flow Panel

Starten Sie einen Salesforce-Flow in einem seitlich einblendbaren Panel, damit Benutzer einen Prozess abschließen oder Daten eingeben können, während die Hauptseite sichtbar bleibt.

## Übersicht

Die Interaktion „Open Flow Panel“ startet einen Salesforce-Flow in einem seitlich einblendbaren Panel, das an eine Komponente angehängt ist. Sie ermöglicht es Benutzern, einen Prozess abzuschließen oder Daten einzugeben, während die Hauptseite sichtbar bleibt, wobei optional Eingabevariablen an den Flow übergeben werden können und auf das Beenden, Schließen oder Scheitern des Flows reagiert werden kann.

## Konfiguration

{% hint style="danger" %}

#### Flows in Panels anzeigen

Genau wie bei der Interaktion „Open Flow Dialog“ muss der Flow, den Sie anzeigen möchten, zu einer Seite Ihrer Experience Cloud-Site hinzugefügt werden und die Site muss veröffentlicht sein, bevor das Panel ihn laden kann. Die Einrichtungsschritte und Tipps zur Fehlerbehebung finden Sie auf der [Flow-Dialog öffnen](/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-dialog.md) Seite — die gleiche Konfiguration gilt für die Flow-Panel-Interaktion.
{% endhint %}

| Name                              | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **`API-Name des Flows`**          | Der API-Name des Salesforce-Flows, der im Panel ausgeführt wird.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| **`Eingabevariablen`**            | <p>Optionale Variablen, die vor dem Start in den Flow übergeben werden und dem Flow die erforderlichen Anfangswerte oder den erforderlichen Kontext bereitstellen. Jede Variable definiert:</p><ul><li><strong>Name</strong>: Den API-Namen der Flow-Eingabevariable, die festgelegt werden soll.</li><li><strong>Wert</strong>: Der zuzuweisende Wert — statischer Text oder ein dynamischer Ausdruck.</li><li><strong>Typ</strong>: Der Datentyp des Werts (<code>Zeichenkette</code>, <code>Zahl</code>, <code>Boolesch</code>, <code>Datum</code>, <code>Datum/Uhrzeit</code> oder <code>SObject</code>). Sie können auch einen benutzerdefinierten Wert eingeben, wenn Sie einen nicht standardmäßigen oder spezialisierten Typ benötigen.</li><li><strong>Objekttyp</strong>: Wenn der Typ  <code>SObject</code>, der Objekt-API-Name (zum Beispiel  <code>Konto</code> oder <code>Kontakt</code>), damit der Flow die Objektstruktur korrekt interpretieren kann.</li><li><strong>Ist Sammlung</strong>: Aktivieren, wenn die Flow-Variable eine Sammlung von Werten anstelle eines einzelnen Werts erwartet.</li></ul> |
| **`Panel-Überschrift`**           | Optionaler Kopfzeilentext, der oben im Panel angezeigt wird. Wenn die Interaktion durch ein datensatzbezogenes Element ausgelöst wird, können Sie ein Feld dieses Datensatzes mit der `{{Record.FieldName}}` Syntax referenzieren (z. B. `{{Record.Name}}`).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **`Position`**                    | Steuert, ob das Panel von der `Links` oder der `Rechts` Seite eingeblendet wird (Standard).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **`Außen`**                       | Ein Umschalter, der das Panel außerhalb der Komponente statt innerhalb ihrer Grenzen anzeigt.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| **`Überlagert`**                  | Ein Umschalter, der das Panel über dem Inhalt der Komponente im Overlay-Stil anzeigt.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **`Overlay anzeigen`**            | Wenn das Panel überlagert ist, wird dahinter ein abgedunkelter Hintergrund angezeigt.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **`Größe`**                       | Die Breite des Panels: `Klein`, `Mittel` (der Standard), `Groß`, `X-Groß` oder `Voll`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| **`Schließen-Symbol ausblenden`** | Ein Umschalter, der das Schließen-Symbol entfernt, sodass Benutzer das Panel nicht über das Symbol in der Kopfzeile schließen können.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| **`Bei Abschluss-Interaktion`**   | Definiert das Verhalten nach erfolgreichem Abschluss des Flows. Akzeptierte Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **`Bei Schließen-Interaktion`**   | Definiert das Verhalten, wenn das Flow-Panel vom Benutzer manuell geschlossen wird. Zulässige Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| **`Bei Fehler-Interaktion`**      | Gibt die Aktion an, die ausgeführt werden soll, wenn im Flow ein Fehler auftritt. Akzeptierte Interaktionen sind `Toast anzeigen` und `Alle Abfragen aktualisieren`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |

## Beispiel

Stellen Sie sich ein Serviceportal vor, in dem ein Agent einen Fall aktualisiert, ohne den dahinterliegenden Datensatz aus den Augen zu verlieren:

1. Setzen Sie bei der Aktion der Komponente die Interaktion **Typ** bis **Flow-Panel öffnen** und verweisen Sie **API-Name des Flows** auf Ihren Update-Case-Flow.
2. Fügen Sie eine **Eingabevariable** mit dem Namen `recordId`, mit dem Wert `{{Record.Id}}` und dem Typ `Zeichenkette`, damit der Flow den richtigen Fall öffnet.
3. Setzen Sie die **Panel-Überschrift** bis `Aktualisieren Sie {{Record.CaseNumber}}`, lassen Sie **Position** auf `Rechts`weg und wählen Sie die `Mittel` **Größe**.
4. Unter **Beim Abschluss**, fügen Sie `Toast anzeigen` hinzu, um die Aktualisierung zu bestätigen, und `Alle Abfragen aktualisieren` damit die Liste hinter dem Panel die neuen Werte übernimmt.

## Wichtige Hinweise

* Verwenden Sie das Panel anstelle eines Dialogs, wenn Benutzer den Inhalt der Hauptseite während des Abschlusses des Flows im Blick behalten müssen.
* Reservieren Sie die `Überlagert` und `Overlay anzeigen` Optionen für Flows, die vorübergehend den Fokus vom Inhalt der Komponente wegnehmen sollen.
* Machen Sie das Ergebnis des Flows in der Interaktion Bei Abschluss klar, um die Erwartungen der Benutzer richtig zu setzen.
* Stellen Sie sicher, dass der Flow Zugriff hat, um auf Experience Cloud ordnungsgemäß ausgeführt zu werden.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/eigenschaftenbereich/interactions/open-flow-panel.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
