Adding flyouts and menus (XAML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

A flyout is a lightweight pop-up that is used to temporarily show UI related to what the user is currently doing. Use it to show a drop-down menu from an app bar or header menu, collect input from the user, show more details about an item, or ask the user to confirm an action. A flyout should be shown only in response to a user tap or click, and is always dismissed when the user taps outside of it.

In this section

Topic Description

Quickstart: Adding a Flyout

Learn how to use a Flyout to temporarily show UI relevant to your users' context. Use it to collect input from the user, show more details about an item, or ask the user to confirm an action.

Quickstart: Adding a MenuFlyout

Learn how to use a MenuFlyout to temporarily show a list of commands or options related to what your user is currently doing.

FlyoutPresenter styles and templates

This topic describes the styles and templates for the FlyoutPresenter control.

MenuFlyoutPresenter styles and templates

This topic describes the styles and templates for the MenuFlyoutPresenter control.

MenuFlyoutItem styles and templates

This topic describes the styles and templates for the MenuFlyoutItem control.

MenuFlyoutSeparator styles and templates

This topic describes the styles and templates for the MenuFlyoutSeparator control.

ToggleMenuFlyoutItem styles and templates

This topic describes the styles and templates for the ToggleMenuFlyoutItem control.