Flyout Class

A Windows-8 styled flyout.

Assembly: DevExpress.Xpf.Controls.v23.2.dll

NuGet Package: DevExpress.Wpf.Controls

Declaration

C#
VB.NET

public class Flyout :
    FlyoutBase

Public Class Flyout
    Inherits FlyoutBase

Remarks

Flyouts are floating panels with a beak that points to an object related to this panel. Flyouts can be used to create pop-up menus. For instance, the mark-up below illustrates how to assign a Flyout to an AppBarButton.

XAML

<dxwui:AppBarButton Label="Rotate" HorizontalAlignment="Right" Glyph="{dx:DXImage Image=DrillDown_32x32.png}" >
    <dxwui:AppBarButton.Flyout>
        <dxwui:Flyout ShowIndicator="True">
            <Border Background="DeepSkyBlue">
                <StackPanel Orientation="Vertical">
                    <dxwui:MenuFlyoutItem Content="90° clockwise" Command="{Binding RotateClockwise}" />
                    <dxwui:MenuFlyoutItem Content="90° counter clockwise" Command="{Binding RotateCounterclockwise}" />
                    <dxwui:MenuFlyoutItem Content="180°" Command="{Binding Rotate180}" />
                    <dxwui:MenuFlyoutSeparator />
                    <dxwui:MenuFlyoutItem Content="Reset" Command="{Binding RotateReset}" />
                </StackPanel>
            </Border>
        </dxwui:Flyout>
    </dxwui:AppBarButton.Flyout>
</dxwui:AppBarButton>

The result is shown in the following figure.

Flyout - Flyout (Rotate)

A Flyouts can host any content, but you will have to manually arrange and group UI elements within it. If you need a flyout to create a simple pop-up menu, use the MenuFlyout instead - it is designed to display MenuFlyoutItems and does not require any manual layout customization. See this link to learn more.