Panneau latéral Flow

L'assistant Flow s'intègre à une page sous la forme d'un panneau latéral ancré à droite de la fenêtre. La page se rétrécit pour rester visible à côté du panneau ; si la fenêtre est trop étroite, le panneau recouvre la page.

Cette page décrit les deux façons de piloter le panneau depuis votre code : l'attribut data-flow-toggle et la fonction window.flow.toggle().

Basculer le panneau avec data-flow-toggle

Ajoutez l'attribut data-flow-toggle à n'importe quel élément HTML. Un clic sur cet élément ouvre le panneau s'il est fermé, et le ferme s'il est ouvert :

<button data-flow-toggle>Discuter avec Flow</button>

Une application peut ainsi ajouter son propre bouton Flow, par exemple dans une barre d'outils.

Basculer le panneau avec window.flow.toggle()

La même bascule est exposée en JavaScript :

window.flow.toggle();

Appelez cette fonction depuis un script ou un gestionnaire d'événement personnalisé. Elle est disponible sur les pages qui chargent le lanceur de Flow, dans le Desk et les applications compatibles.

Points d'attention

• Le panneau s'ancre à droite de la fenêtre et réduit la largeur de la page affichée : ce n'est pas une fenêtre flottante.
• Le panneau se ferme aussi avec le raccourci Ctrl + I (⌘ + I sur macOS), avec le bouton Flow du Desk et avec la croix de l'en-tête du chat.
• Le panneau n'affiche ni la barre latérale des conversations, ni les réglages de Flow ; ces éléments restent accessibles dans l'onglet Flow ouvert en plein écran.