Skip to main content

DevExpress v24.1 Update — Your Feedback Matters

Our What's New in v24.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Flyout Class

A Windows-8 styled flyout.

Namespace: DevExpress.Xpf.WindowsUI

Assembly: DevExpress.Xpf.Controls.v24.1.dll

NuGet Package: DevExpress.Wpf.Controls

#Declaration

public class Flyout :
    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.

<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.

#Inheritance

Object
DispatcherObject
DependencyObject
Visual
UIElement
FrameworkElement
Control
DevExpress.Xpf.WindowsUI.Internal.Flyout.FlyoutBase
Flyout
See Also