Flyout Class

A Windows-8 styled flyout.

Namespace: DevExpress.Xpf.WindowsUI

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

Declaration

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.

<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