Skip to main content

FlyoutPresenter

Description​

FlyoutPresenter draws the popup surface for Flyout content. FlyoutPresenter is shown within Flyout; it is not a separate gallery destination.

Use it through Flyout when popup content needs the standard presentation surface.

Flyout in light mode Flyout in dark mode

Captured state changes​

Open

FlyoutPresenter open state in light mode FlyoutPresenter open state in dark mode

Example usage​

<fluence:Button Content="More" Click="ShowFlyoutButton_Click">
    <fluence:FlyoutBase.AttachedFlyout>
        <fluence:Flyout Content="Details" />
    </fluence:FlyoutBase.AttachedFlyout>
</fluence:Button>

In the window or page code-behind:

private void ShowFlyoutButton_Click(object sender, System.Windows.RoutedEventArgs e)
{
    if (sender is System.Windows.FrameworkElement target)
    {
        Fluence.Wpf.Controls.FlyoutBase.ShowAttachedFlyout(target);
    }
}

State and behavior​

The presenter is the visual surface created for Flyout content; its appearance follows the theme.

Reference​