In the following article I will be showing how to work with Flyout control in Universal Windows Apps.
Flyout represents a control that displays lightweight UI that is either information, or requires user interaction. Unlike a dialog, a Flyout can be light dismissed by clicking or tapping outside of it, pressing the device’s back button, or pressing the ‘Esc’ key.
Step 1: Open a blank app and add Button and Flyout Control with a Textblock and button to it either from the toolbox or by copying the following XAML code into your grid.
Step 3: Run your application and click on the button which will pop up a flyout and by clicking Ok or clicking anywhere else will also hide it.
Pro WPF: Windows Presentation Foundation in .NET 3.0