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) :
Custom title bar not working in Unpackaged mode of Winui3 in Windows 10
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(304, 83%, 39%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ES%3C/text%3E%3C/svg%3E)
Sachi
221
Reputation points
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?
Windows development | Windows App SDK
{count} votes
-
Junjie Zhu - MSFT 21,731 Reputation points2022-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?
Sign in to comment
1 answer
Sort by: Most helpful
-
Castorix31 91,506 Reputation points2022-05-10T13:20:33.753+00:00 -
Sachi 221 Reputation points
2022-05-10T14:32:22.563+00:00 Hi,
thanks for sharing is it package or unpackage mode? -
Castorix31 91,506 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 91,506 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 91,506 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 falseIf 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 -