• Favorite
  • Facebook
  • Twitter
  • LinkedIn

Microsoft Press Pearson Education (InformIT)
Skip Navigation Links
Pearson Education (InformIT)
How to: Navigate to a web page from Windows 8 Store App Settings Flyout

Sometimes you have a Windows Store Application and you want the user to write a feedback using a form in your website. In this article we will create a Windows Store Application that implements the settings contract and create an entry in the settings flyout that opens your website feedback.

Create a Blank Windows Store App

1.      Open Visual Studio 2012 for Windows 8.

2.      Click on New Project. The New Project Dialog box appears.

3.      From the left pane select C# and then Windows Store Templates.

4.      From the right pane select Grid App Template.

5.      Type your project name and then click Ok. We set the project name to SettingsApp.

Create a new Windows Store App

Create the UI and adding Code

1.      Open the MainPage.xaml.cs file by double clicking the MainPage.xaml file from the Solution Explorer.

2.      Select the XAML view and find the Grid Control in the MainPage.xaml.

3.      Add the following namespaces to the start of the MainPage.xaml.cs file.

using Windows.UI.ApplicationSettings;

4.      Find the MainPage Constructor method and add the following code to it after the call to InitializeComponent method:


public MainPage()




    SettingsPane.GetForCurrentView().CommandsRequested += MainPage_CommandsRequested;



a.      The above code simply add a handler to the CommandsRequested Event. The CommandsRequestedevent occurs when the user opens the settings pane. Listening for this event lets the app initialize the setting commands and pause its UI until the user closes the pane.

b.     During this event, we will append our SettingsCommand objects to the available ApplicationCommands vector to make them available to the SettingsPane UI.


5.      After the MainPage Constructor method add the following code that will run when the CommandsRequested event fires.


private void MainPage_CommandsRequested(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs args)


    SettingsCommand feedbackCommand = new SettingsCommand("Feedback", "Feedback (web)", async (x) =>


        Uri feedbackUri = new Uri("", UriKind.Absolute);

        await Launcher.LaunchUriAsync(feedbackUri);






a.      In the above code we simply create an object of the SettingsCommand class. The SettingsCommandcreates a settings command object that represents a settings entry. This settings command can be appended to the ApplicationCommands vector.

b.     We set the SettingsCommandobject Id to Feedback.

c.       Set the SettingsCommand Text to feed (web). It is recommended from the UX to indicate that the user will open a web page. If going directly to the web instead of a Flyout, let the user know with a visual clue, for example, "Help (online)" or "Web forums" styled as a hyperlink.

d.     Add a handler for the event that is raised when the user selects the command.

e.     In the command handler we create an object from the Uri class. The Uri class parses Uniform Resource Identifiers (URIs). Pass your Feedback page url to the Uri constructor and the type of that url. We set it as absolute.

f.       Then we call the Launcher.LaunchUriAsync async method. The Launcher class starts the default app associated with the specified file or URI.

g.      As we will open a web page so we use the LaunchUriAsync method and pass to it the Uri we have created.

h.     You have to use the await operator with any async methods. And mark the settingsCommand handler as async using the async keyword.

i.        Then we clear the ApplicationCommandsvector and add our feedback Settings Command.

6.      Build your project and run the project in Simulator.

7.      Open the Settings charm. You will find two commands. The feedback command and a system added command for Permission.

Windows Store App Settings

8.      Click on the Feedback (web) settings command this will launch the Internet Explorer with your website feedback page.

Windows Store App Settings

Now you have a Windows Store Application that implements the settings contract and create an entry in the settings flyout that opens your website feedback.

(315) Comments

Blog Message cnJoFSrCpLOjxIA


Blog Message dybEgwJlUNtYDKVZ


Blog Message

This is one awesome blog article.Really thank you! Keep writing.

Blog Message piHMBzTo


Blog Message WgnCwIaYPjLFhp


Blog Message MmDQCeJqBwKARglo


Blog Message dJtzoCaILAqvP


Blog Message qstIeyVGBcbMnAYa


Blog Message iPQJhltDvBjMTUm


Blog Message ALgFtKkWTDOU


Blog Message ibHkVXZxEtce


Blog Message LVWevpcrX


Blog Message LDhzcHJKmtRxybPo


Blog Message

Im no professional, but I believe you just made a very good point point. You clearly know what youre talking about, and I can seriously get behind that. Thanks for being so upfront and so genuine.

Blog Message

IaаАа’б‚Т€ТšаЂаŒаАа’б‚Т€ТžаБТžd should talk to you here. Which is not some thing I do! I quite like reading a post which will make people believe. Also, numerous thanks permitting me to comment!

First Previous 1 2 3 4 5 6 7 8 9 10  ... Next Last