Using the Flyout Control

You use a Flyout control to display a popup in a page. The popup disappears just as soon as you click outside of the popup (or press the Esc key). You can use the Flyout control to display information, display warnings, or gather input.

Note

The Flyout control supports light dismiss. When you click outside the Flyout control, the control disappears automatically.

A common use for flyouts is to display warnings. For example, if your app happens to include a Delete All Data Forever button then it would be a good idea to use a flyout to warn the user before all of the user data is deleted.

Another common use for flyouts is for displaying forms that appear inline in a page. For example, the page in Listing 6.1 contains ...

Get Windows® 8.1 Apps with HTML5 and JavaScript Unleashed now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.