An instructional sample app for Windows 8.1 that demonstrates the hierarchical navigation pattern and meets all basic Windows Store certification requirements. This is the companion sample for the Hierarchical navigation, start to finish (HTML)  and Hierarchical navigation, start to finish (XAML)  topics.

Note: The sample is also available in template form through a VSIX template installer. Use the Visual Studio JavaScript or C# Hub app template or this template as a starting point for your Windows Store apps.


Use a hierarchical navigation pattern for your Windows Store app when its content can be separated into distinct, yet related, sections or categories with varying levels of detail. This is a common and familiar pattern that works well with a relational information architecture, traversed in a preferred sequence or order.

Here, we cover how to create a Windows Store app using JavaScript or C# that uses the hierarchical navigation pattern and meets all basic Windows Store certification requirements, from start to finish. This includes:

This sample includes everything discussed in the Hierarchical navigation, start to finish (HTML) and Hierarchical navigation, start to finish (XAML)  topics.

Operating system requirements

Client

Windows 8.1

Server

Windows Server 2012 R2

Build the sample

1.    Visual Studio 2013 Preview and select File > Open > Project/Solution.

2.     Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio 2013 Solution (.sln) file.

3.    Press F7 or use Build > Build Solution to build the sample.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.

 


SEE ALSO

Hierarchical navigation, start to finish (HTML)

Hierarchical navigation, start to finish (XAML)

An instructional sample app for Windows 8.1 that demonstrates the hierarchical navigation pattern and meets all basic Windows Store certification requirements. This is the companion sample for the Hierarchical navigation, start to finish (HTML)  and Hierarchical navigation, start to finish (XAML)  topics.

Note: The sample is also available in template form through a VSIX template installer. Use the Visual Studio JavaScript or C# Hub app template or this template as a starting point for your Windows Store apps.


Use a hierarchical navigation pattern for your Windows Store app when its content can be separated into distinct, yet related, sections or categories with varying levels of detail. This is a common and familiar pattern that works well with a relational information architecture, traversed in a preferred sequence or order.

Here, we cover how to create a Windows Store app using JavaScript or C# that uses the hierarchical navigation pattern and meets all basic Windows Store certification requirements, from start to finish. This includes:

This sample includes everything discussed in the Hierarchical navigation, start to finish (HTML) and Hierarchical navigation, start to finish (XAML)  topics.

Operating system requirements

Client

Windows 8.1

Server

Windows Server 2012 R2

Build the sample

1.    Visual Studio 2013 Preview and select File > Open > Project/Solution.

2.     Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio 2013 Solution (.sln) file.

3.    Press F7 or use Build > Build Solution to build the sample.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.

 


SEE ALSO

Hierarchical navigation, start to finish (HTML)

Hierarchical navigation, start to finish (XAML)