Language: HTML | XAML

Adding app bars (HTML)

Applies to Windows and Windows Phone

Use app bars to present navigation, commands, and tools to people. App bars are hidden by default and appear when people swipe a finger from the bottom or top edge of the screen. They cover the content of the app and can be dismissed by the user with an edge swipe, or by interacting with the application. App bars automatically respond to the edge swipe and can be shown or hidden programmatically.

App bar example

If you’d like to try working with app bars and other key Windows 8 features, download the hands-on labs for Windows 8. These labs provide a modular, step-by-step introduction to creating a sample Windows Store app in the programming language of your choice (JavaScript and HTML or C# and XAML).

In this section


Quickstart: Adding an app bar with commands

This quickstart explains how to add an app bar to your Windows Runtime app using JavaScript.

Quickstart: Adding a custom app bar

You can add an app bar with custom content to your Windows Store app using JavaScript.

Quickstart: Styling app bars

This quickstart gives a few examples of how to style an app bar and its controls.

How to make app bars work with ListViews

This how-to explains the interaction between the ListView and the app bar to support these scenarios while following the app bar best practices.




© 2015 Microsoft