Introduction
This app extends the Universal App Navigation template provided for Windows 8.1 and Windows Phone 8.1. The app provides a fairly simple implementation of the Navigation template that demonstrates ways that you can extend the Navigation template and customize
the navigation control. The app includes the following features:
- Customization of the navigation model to provide tab-like navigation between pages using Buttons. Each page, or page control, is nested within a HTML5/CSS3 Grid defined in default.html.
- Customization of page animations using CSS3 @keyframes to specify transitions between pages.
- Modification of navigator.js to call the unload function of each page before a new page gets loaded.
In addition, the app demonstrates the following features or technologies:
- Use of page controls
- Handling orientation changes and different display sizes

How it Works
For info on how this app works, see Customizing the Navigation control (http://msdn.microsoft.com/library/windows/apps/dn743861.aspx).
For more info on the JavaScript templates and universal apps, see JavaScript project templates (http://msdn.microsoft.com/library/windows/apps/hh758331.aspx).
Requirements
- Windows 8.1
- Visual Studio 2013 Update 2
- For Windows Phone Emulator support, you need a PC with Second-Level Address Translation (SLAT).
Running the app
- Unzip the downloaded file.
- In Visual Studio 2013 Update 2, open the project file (.sln file).
- To switch the deployment target of the app (between Windows and Windows Phone), right-click the Phone or Windows project in Solution Explorer and then select
Set as Startup Project.
- Press F5 to start the app with the debugger attached. (Press Ctrl + F5 to start the app without the debugger attached.)