Customized SettingsFlyout in Windows 8.1 Store Apps

For a beautiful and attractive UI, customized SettingsFlyout is a good option. So the following is the procedure to use for that.

Open Visual Studio 2013 and create a new blank project and name it Customized SettingsFlyout.

blank app

In the MainPage.xaml, add an image to the grid.

MainPage

Then add a settings flyout and name it "Change background".

add new item

settings flyout

Then add two photos in a border in ChangeBackground.xaml.

ChangeBackground

Then add this code to ChangeBackground.xaml.cs.

code to ChangeBackground

Now in MainPage.xaml.cs add this code to the OnNavigatedTo() method.

MainPage xml

Now in App.xaml.cs add this code.

App

Now you have a customized settings flyout :)

Read the article at: TechNet Article.

Happy coding :)


Similar Articles