Using master detail pages for windows universal apps

Question

I want to make windows universal app using master detail pages. It should look like

I found a lot of information about master detail, but almost all of it is not for windows-universal app and so it doesn't work for me. So please, can you give me some links with examples of using master detail exactly on windows universal app?

Answer 1

Here is a code example - how to implement a responsive master/detail experience in XAML.

The Guidelines for a master/details pattern for UWP are the same of a windows phone 8.1 app. You can check details in this link

Answer 2

After copying the sample in a new project, cut everything between <Page.Resources> and </Page.Resources> and wait for a minute. Then again paste the code. This is because x:Bind compiles at runtime and hence vs will need to recompile.

To run this example you might also have to delete these lines of code:

Style="{ThemeResource     ListBodyTextBlockStyle}" />

Style="{ThemeResource.    ListCaptionAltTextblockStyle}" />