Sample App Design Improvements

[michael-hawker]

Right now the Sample App is all structure, but we should make some functional improvements to its functionality and design.

Essentials

Preview Give feedback

1. Add theme selection
2. FlowDirection toggle
3. Light/Dark Theme toggle
4. Experimental property in frontmatter #87
   bug 🐛 +1
5. [Gallery] Move searchbox and menu button to titlebar #85
   bug 🐛 +1
   

All components app:

Preview Give feedback

1. Clean-up of overall documentation display, like side-panel for sample navigation and extra documentation metadata/github links, etc... (like the XAML Controls Gallery) see comment here
2. Generate search index for Sample App #82
   build 🔥 enhancement nuget 📦 sample app 🖼 source generator ⚙️ +5
3. Create a home/landing page
4. Add more about information

Single component app:

Preview Give feedback

1. Accessibility (see [Proposal] Add automated accessibility testing Labs-Windows#86 as well)
2. Headings for embedded Samples/Clean-up of Sample Display/Layout see comment here
3. Run tests as part of CI Labs-Windows#67
   +0

[mrlacey]

Is it appropriate to also add an option to change the language/culture? Doing so will make it easier to spot any localization issues.

[michael-hawker]

@mrlacey yeah, that's a good idea. Is that something we can dynamically change at runtime easily and get the XAML resources to update from?

[mrlacey]

@mrlacey yeah, that's a good idea. Is that something we can dynamically change at runtime easily and get the XAML resources to update from?

I'll investigate how well supported this is across platforms - I've heard differing things.

[Arlodotexe]

Is it appropriate to also add an option to change the language/culture? Doing so will make it easier to spot any localization issues.

Great idea. I'll add that we should have a switch for toggling RTL mode and light/dark mode per sample.

[michael-hawker]

Great idea. I'll add that we should have a switch for toggling RTL mode and light/dark mode per sample.

On the to do list above already. 😉

[michael-hawker]

Split out the specific Markdown rendering technical bit to CommunityToolkit/Labs-Windows#151.