Title bar buttons WinUi3

Question

Title bar buttons WinUi3

Pavel Galkin 20

Hi, I am creating an application on win ui 3 and I have a problem, I am creating a project using Template Studio, but after creating the project, the navigation buttons of the upper panel differ from the standard color font and size, such as in WinUi3 gallery, power toys, Snipping Tool and other applications also created with winui3. How could I change the buttons to those that are in the applications listed by me? I have not found an answer in google and winui documentation to this question. User's image

User's image

Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-09-14T01:38:48.9233333+00:00

According to the screenshots you provided, I could only see a slight difference in the foreground of these buttons. Could you please tell us whether you want to change the foreground color of these buttons? If you try to create a normal winui3 project via visual studio, the style of the button is what you want?
Pavel Galkin 20 Reputation points

2023-09-14T04:36:28.6133333+00:00

yes, the style of the navigation buttons will be the same as I would like, but I would like to see the same style of buttons with a custom title bar
Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-09-14T08:21:11.5666667+00:00

According to the Doc: Title bar customization

When you opt for full customization, you are responsible for putting content in the title bar area, and you can define your own drag region. The caption controls (system Close, Minimize, and Maximize buttons) are still available and handled by the system, but elements like the app title are not. You will need to create those elements yourself as needed by your app

As far as I'm concerned, you couldn't customize the style of the buttons. The caption controls (system Close, Minimize, and Maximize buttons) are still handled by the system.
Pavel Galkin 20 Reputation points

2023-09-14T11:53:35.8133333+00:00

But how is it done in WinUi3 gallery, powertoys, Snipping Tool? I don't think the developers bothered and re-wrote the title bar, while I looked at the source code of WinUi3 gallery and found nothing that could hang on these buttons

Accepted answer

0 additional answers

Your answer

Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-09-14T01:38:48.9233333+00:00

According to the screenshots you provided, I could only see a slight difference in the foreground of these buttons. Could you please tell us whether you want to change the foreground color of these buttons? If you try to create a normal winui3 project via visual studio, the style of the button is what you want?
Pavel Galkin 20 Reputation points

2023-09-14T04:36:28.6133333+00:00

yes, the style of the navigation buttons will be the same as I would like, but I would like to see the same style of buttons with a custom title bar
Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-09-14T08:21:11.5666667+00:00

According to the Doc: Title bar customization

When you opt for full customization, you are responsible for putting content in the title bar area, and you can define your own drag region. The caption controls (system Close, Minimize, and Maximize buttons) are still available and handled by the system, but elements like the app title are not. You will need to create those elements yourself as needed by your app

As far as I'm concerned, you couldn't customize the style of the buttons. The caption controls (system Close, Minimize, and Maximize buttons) are still handled by the system.
Pavel Galkin 20 Reputation points

2023-09-14T11:53:35.8133333+00:00

But how is it done in WinUi3 gallery, powertoys, Snipping Tool? I don't think the developers bothered and re-wrote the title bar, while I looked at the source code of WinUi3 gallery and found nothing that could hang on these buttons

Answer 1

Jeanine Zhang-MSFT 11,356 Microsoft External Staff

Hello,

Welcome to Microsoft Q&A!

According to the thread: https://github.com/microsoft/microsoft-ui-xaml/issues/7656. It is an issue and the issue has been fixed in WindowsAppSDK 1.4. I suggest you could try to update the WindowsAppSDK.

Thank you.

Jeanine

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Pavel Galkin 20 Reputation points

2023-09-15T17:26:55.03+00:00

Thank you so much, how could I upgrade WindowsAppSdk to version 1.4.0?
Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-10-17T05:38:33.8866667+00:00

Project-> Manage NuGet Packages… -> Updates

And then you could update the WindowsAppSDK.

Share via

Title bar buttons WinUi3

0 additional answers

Your answer