> 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-fr/panneau-des-proprietes/interactions/open-flow-panel.md).

# Ouvrir le panneau Flow

Lancez un flux Salesforce dans un panneau latéral coulissant afin que les utilisateurs puissent terminer un processus ou saisir des données tout en gardant la page principale visible.

## Aperçu

L'interaction Open Flow Panel lance un flux Salesforce dans un panneau latéral coulissant rattaché à un composant. Elle permet aux utilisateurs de terminer un processus ou de saisir des données tout en gardant la page principale visible, en transmettant éventuellement des variables d'entrée au flux et en réagissant lorsque le flux se termine, se ferme ou échoue.

## Configuration

{% hint style="danger" %}

#### Affichage des flux dans des panneaux

Tout comme l'interaction Open Flow Dialog, le flux que vous souhaitez afficher doit être ajouté à une page de votre site Experience Cloud et le site doit être publié avant que le panneau puisse le charger. Consultez les étapes de configuration et les conseils de dépannage sur la [Ouvrir la boîte de dialogue Flow](/experience-cloud/experience-cloud-fr/panneau-des-proprietes/interactions/open-flow-dialog.md) page — la même configuration s'applique à l'interaction Flow Panel.
{% endhint %}

| Nom                                   | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`Nom d'API du flux`**               | Le nom d'API du flux Salesforce qui s'exécute dans le panneau.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **`Variables d'entrée`**              | <p>Variables facultatives transmises au flux avant son démarrage, fournissant les valeurs initiales ou le contexte requis par le flux. Chaque variable définit :</p><ul><li><strong>Nom</strong>: Le nom d'API de la variable d'entrée du flux à définir.</li><li><strong>Valeur</strong>: La valeur à attribuer — texte statique ou expression dynamique.</li><li><strong>Type</strong>: Le type de données de la valeur (<code>Chaîne</code>, <code>Nombre</code>, <code>Booléen</code>, <code>Date</code>, <code>Date et heure</code> ou <code>SObject</code>). Vous pouvez également saisir une valeur personnalisée lorsque vous avez besoin d'un type non standard ou spécialisé.</li><li><strong>Type d'objet</strong>: Lorsque le type est <code>SObject</code>, le nom d'API de l'objet (par exemple <code>Compte</code> ou <code>Contact</code>) afin que le flux puisse interpréter correctement la structure de l'objet.</li><li><strong>Est une collection</strong>: Activez cette option lorsque la variable de flux attend une collection de valeurs plutôt qu'une valeur unique.</li></ul> |
| **`En-tête du panneau`**              | Texte d'en-tête facultatif affiché en haut du panneau. Si l'interaction est déclenchée par un élément lié à un enregistrement, vous pouvez faire référence à un champ de cet enregistrement en utilisant la `{{Record.FieldName}}` syntaxe (par ex. `{{Record.Name}}`).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **`Position`**                        | Contrôle si le panneau coulisse depuis le `Gauche` ou depuis le `Droite` côté (par défaut).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **`Extérieur`**                       | Un bouton bascule qui affiche le panneau à l'extérieur du composant au lieu de l'afficher à l'intérieur de ses limites.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| **`Superposé`**                       | Un bouton bascule qui affiche le panneau au-dessus du contenu du composant, en style superposé.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **`Afficher la superposition`**       | Lorsque le panneau est superposé, affiche un arrière-plan assombri derrière celui-ci.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **`Taille`**                          | La largeur du panneau : `Petit`, `Moyen` (par défaut), `Grand`, `Très grand` ou `Plein écran`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **`Masquer l'icône de fermeture`**    | Un bouton bascule qui supprime l'icône de fermeture afin que les utilisateurs ne puissent pas fermer le panneau via l'icône d'en-tête.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| **`À la fin de l'interaction`**       | Définit le comportement après la fin réussie du flux. Les interactions acceptées sont `Afficher un toast` et `Actualiser toutes les requêtes`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| **`À la fermeture de l'interaction`** | Définit le comportement lorsque le panneau du flux est fermé manuellement par l'utilisateur. Les interactions acceptées sont `Afficher un toast` et `Actualiser toutes les requêtes`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| **`À l'erreur de l'interaction`**     | Spécifie l'action à entreprendre si une erreur se produit dans le flux. Les interactions acceptées sont `Afficher un toast` et `Actualiser toutes les requêtes`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |

## Exemple

Imaginez un portail de service où un agent met à jour un cas sans perdre de vue l'enregistrement derrière :

1. Dans l'action du composant, définissez l'interaction **Type** à **Ouvrir le panneau Flow** et pointez **Nom d'API du flux** vers votre flux Update Case.
2. Ajoutez une **Variable d'entrée** nommée `recordId`, avec la valeur `{{Record.Id}}` et le type `Chaîne`, afin que le flux s'ouvre sur le bon cas.
3. Définissez le **En-tête du panneau** à `Mettre à jour {{Record.CaseNumber}}`, laissez **Position** sur `Droite`, et choisissez le `Moyen` **Taille**.
4. Sous **À la fin**, ajoutez `Afficher un toast` pour confirmer la mise à jour, puis `Actualiser toutes les requêtes` afin que la liste derrière le panneau récupère les nouvelles valeurs.

## Considérations importantes

* Utilisez le panneau plutôt qu'une boîte de dialogue lorsque les utilisateurs doivent garder le contenu principal de la page visible tout en terminant le flux.
* Réservez les `Superposé` et `Afficher la superposition` options pour les flux qui doivent temporairement détourner l'attention du contenu du composant.
* Soyez clair sur le résultat du flux dans l'interaction À la fin de l'interaction afin de définir des attentes appropriées pour l'utilisateur.
* Assurez-vous que le flux dispose des accès nécessaires pour s'exécuter correctement sur Experience Cloud.


---

# 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-fr/panneau-des-proprietes/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.