Skip to content

microsoft/WinUI-Gallery

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
39 branches 11 tags
Code

Latest commit

@christineyan4
christineyan4 and Christine Yan Change DropDownButton's MenuFlyout Placement to be left-aligned (#1400)
ce7f31e Nov 9, 2023
Change DropDownButton's MenuFlyout Placement to be left-aligned (#1400) 
## Description
Once [PR 9838266: Fix text truncation on DropDownButton
MenuFlyout](https://microsoft.visualstudio.com/WinUI/_git/microsoft-ui-xaml-lift/pullrequest/9838266)
is completed, DropDownButton's MenuFlyout will no longer truncate longer
text when text is scaled up. As a result, at the WinUI3 Gallery
app-level, we need to set MenuFlyout's Placement to
BottomEdgeAlignedLeft, so that longer text will not end result in
MenuFlyout covering the NavigationView.

## Motivation and Context
This helps resolve an accessibility issue, in tandem with controls-side
changes in the above mentioned PR.

## How Has This Been Tested?
Ad-hoc testing

## Types of changes
<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->
- [x] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to change)

---------

Co-authored-by: Christine Yan <christineyan@microsoft.com>
ce7f31e

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
.github
Update issue templates (#1258)
April 10, 2023 22:31
README_Images
Update WinUIGalleryLanding.PNG (#1221)
March 22, 2023 08:23
SharedContent/cs
Adds a minimal EditorConfig and resolves a rule violation. (#343)
February 20, 2020 13:25
UITests
Add Test to Scan All Pages for Axe Issues (#1361)
October 11, 2023 12:32
WinUIGallery
Change DropDownButton's MenuFlyout Placement to be left-aligned (#1400)
November 9, 2023 14:33
build
Update script again
August 24, 2023 11:25
packagestore
add a readme to packagestore to ensure its existence (#1152)
January 5, 2023 17:14
.gitignore
Update .gitignore. Add launchsettings.json (#1173)
January 22, 2023 17:31
Directory.Build.props
Merges unpkg-submodule branch into main, make the repo submodule ready (
August 7, 2023 15:22
LICENSE
Initial commit
November 1, 2018 11:24
README.md
Update to WinAppSDK 1.3.1 (#1284)
May 10, 2023 12:12
SECURITY.md
Microsoft mandatory file (#955)
May 19, 2022 19:26
azure-pipelines.yml
Cleanup azure pipelines steps (#1390)
November 6, 2023 13:34
nuget.config
Fixes for WinUI submodule compatibility (#1362)
September 24, 2023 07:55
WinUI Gallery The WinUI Gallery shows how to: Further information Related topics Related samples

README.md

page_type languages products statusNotificationTargets description
sample
csharp
xaml
windows
windows-uwp
controlsgallery@microsoft.com
Demonstrates the usage of all XAML/WinUI controls in an interactive format.

WinUI Gallery

WinUI Screenshot

Shows all of the XAML UI components in an interactive format. This app is the interactive companion to the Fluent Design Guidelines and shows the usage of the WinUI APIs.

The WinUI Gallery shows how to:

  • Specify XAML controls in markup: Each control page shows the markup used to create each example.
  • Use the Microsoft.UI.Xaml (WinUI) Library: The app includes the latest WinUI NuGet package and shows how to use the WinUI controls like NavigationView, SwipeControl, and more.
  • Basic layout: This sample will show all of the possible layout options for your app and allow you to interact with the panels to show how to achieve any layout you are looking for.
  • Adaptive UI: In addition to showing how each control responds to different form factors, the app itself is responsive and shows various methods for achieving adaptive UI.
  • Version adaptive code: This sample shows how to write version adaptive code so that the app can run on previous versions of Windows while also using the latest capabilities on the most recent verison of Windows.

Further information

Note: The WinUI 3 Gallery requires Visual Studio 2022 or later to build and Windows 10 or later to execute. If you're building an app with the Windows App SDK for the first time, follow the installation instructions here.

To obtain information about Windows 11 development, go to the Windows Dev Center

To obtain information about Microsoft Visual Studio and the tools for developing Windows apps, go to Visual Studio

To contact the authors, please reach out to ControlsGallery@microsoft.com

Related topics

Get started with Windows 11 apps

Install a prebuilt version of this app from Microsoft Store. Each control page in the application has links to relevant Microsoft Docs for that control.

Windows UI Library (WinUI)

Template Studio for WinUI

Related samples

RSS reader sample
Lunch Scheduler app sample
Customers Orders Database sample

About

This app demonstrates the controls available in WinUI and the Fluent Design System.

Topics

xaml uwp uwp-apps winrt hacktoberfest fluent xaml-winrt xaml-theme xaml-style fluent-design xaml-layout winui

Resources

Readme

License

MIT license

Code of conduct

Code of conduct

Security policy

Security policy
Activity

Stars

2.4k stars

Watchers

88 watching

Forks

590 forks
Report repository

Releases 202

WinUI 3 Gallery v2.2.0 Latest
Sep 9, 2023
+ 201 releases

Packages

No packages published

Contributors 83

+ 72 contributors

Languages