Skip to content

Secondary (Horizontal) Menu for MenuFlyout.

Property

Name
AutoCloseByClickOnSecondaryMenuItems
SecondaryMenu
SecondaryMenuPlacement
xml
<MenuFlyout dev:MenuFlyoutAttach.AutoCloseByClickOnSecondaryMenuItems="true"
            dev:MenuFlyoutAttach.SecondaryMenuPlacement="Top">
    <dev:MenuFlyoutAttach.SecondaryMenu>
        <dev:MenuFlyoutSecondaryItems>
            <AppBarButton Icon="Cut"
                            Label="Cut" />
            <AppBarSeparator />
            <AppBarButton Icon="SelectAll"
                            Label="Select All" />
            <AppBarSeparator />
            <AppBarButton Icon="Copy"
                            Label="Copy" />
            <AppBarSeparator />
            <AppBarButton Icon="Paste"
                            Label="Paste" />
            <AppBarSeparator />
            <AppBarButton Icon="Delete"
                            Label="Delete" />
        </dev:MenuFlyoutSecondaryItems>
    </dev:MenuFlyoutAttach.SecondaryMenu>
    <MenuFlyoutItem Text="Undo">
        <MenuFlyoutItem.Icon>
            <SymbolIcon Symbol="Undo" />
        </MenuFlyoutItem.Icon>
    </MenuFlyoutItem>
    <MenuFlyoutItem Text="New Folder">
        <MenuFlyoutItem.Icon>
            <SymbolIcon Symbol="Folder" />
        </MenuFlyoutItem.Icon>
    </MenuFlyoutItem>
    <MenuFlyoutItem Text="Save">
        <MenuFlyoutItem.Icon>
            <SymbolIcon Symbol="Save" />
        </MenuFlyoutItem.Icon>
    </MenuFlyoutItem>
    <MenuFlyoutItem Text="Print">
        <MenuFlyoutItem.Icon>
            <SymbolIcon Symbol="Print" />
        </MenuFlyoutItem.Icon>
    </MenuFlyoutItem>
    <MenuFlyoutItem Text="Preview">
        <MenuFlyoutItem.Icon>
            <SymbolIcon Symbol="Preview" />
        </MenuFlyoutItem.Icon>
    </MenuFlyoutItem>
</MenuFlyout>

MenuFlyoutSecondaryMenu

Demo

you can run demo and see this feature.

Released under the MIT License.