Custom title bar not working in Unpackaged mode of Winui3 in Windows 10

Sachi 221

Hi,
I have created Winui3vApp with custom title bar by using below link
https://learn.microsoft.com/en-us/windows/apps/develop/title-bar?msclkid=e23d7633cf9311eca704e47ee540cf97&tabs=wasdk

the windows default caption buttons works in packaged mode but not working in unpackaged
Even after adding compatability code in App.manifest .

is there any way to make custom titlebar in winui3 unpackaged mode Windows 10 OS?

Junjie Zhu - MSFT 14,751 Reputation points Microsoft Vendor

2022-05-10T10:07:43.347+00:00

In Title bar customization, which content do you code according to? If you don't add Title bar, can you run in unpackaged mode?

1 answer

Castorix31 81,636 Reputation points

2022-05-10T13:20:33.753+00:00

I just uploaded a test sample which works fine on my OS (Windows 10 21H1) : WinUI3_CustomCaption

I added the 2 styles from generic.xaml in App.xaml to customize System Buttons (rounded for the test) :
Please sign in to rate this answer.

1 person found this answer helpful.
Sachi 221 Reputation points

2022-05-10T14:32:22.563+00:00

Hi,
thanks for sharing is it package or unpackage mode?

Castorix31 81,636 Reputation points

2022-05-10T14:34:15.137+00:00

Unpackaged

Sachi 221 Reputation points

2022-05-10T14:46:57.393+00:00

@Castorix31 thank you so much for sharing the code here i can see the caption button content is some coded word like Content="M 0 0 L 10 10 M 10 0 L 0 10" can we add custom button to in the region of default caption button?

Castorix31 81,636 Reputation points

2022-05-10T16:29:50.497+00:00

It does not seem easy ; I did some tests :
if I remove the "MinimizeButton" Button, it crashes, and if I hide it or reduce its size, and I add another Button to replace it, it ignores the mouse...

Sachi 221 Reputation points

2022-05-11T03:55:23.327+00:00

yes but i have used Iscustomization support handle interactive buttons i can
if (IsCustomizationSupported)
{
AW = GetAppWindowForCurrentWindow();
AW.TitleBar.ExtendsContentIntoTitleBar = true;
TitleBar.Height = AW.TitleBar.Height;
// SetTitleBar(CustomDragRegion);
AW.Closing += AW_Closing;
CustomDragRegion.SizeChanged += CustomDragRegion_SizeChanged;
}
else
{
TitleBar.BackgroundTransition = null;
TitleBar.Background = null;
ExtendsContentIntoTitleBar = true;
TitleBar.Height = 35;

SetTitleBar(CustomDragRegion); }

i can able to interact with button but drag is not working i can not able to move window, if i remove that button it works fine but extending the customtitlebar towards caption not allowing to drag or move

Castorix31 81,636 Reputation points

2022-05-11T06:38:30.603+00:00

But IsCustomizationSupported is for Windows 11 and you're talking about Windows 10 in your question
On my Windows 10 21H1 OS, IsCustomizationSupported returns false

If it is also for Windows 11 and you don't find an answer, you can ask on the MS forum https://github.com/microsoft/microsoft-ui-xaml/issues?q=sort%3Aupdated-desc
used to report WinUI bugs

Sachi 221 Reputation points

2022-05-11T15:50:06.61+00:00

Yes it returns false but button on titlebar works but moving window not working ok let me post question in link which u sent.
Sign in to comment