WinUI3 : How to remove Min Max Close button with tittle bar customization

Question

WinUI3 : How to remove Min Max Close button with tittle bar customization

Harshithraj1871 1,686

Hi,

I am working on the WinUI3 desktop application with C++. I discovered how windows significantly allow us to customize the title bar in this link. But it also said, it will reserve the Top Right/Top Left corner for the Min, Max, and Close buttons which windows will handle.

How can we get control over the Min, Max, and Close buttons, suppose I want to show only the Close button, or I want to use my custom button for Min, Max, and Close. How to get control over the Min, Max, and Close buttons when we use Window Title customization?

I tried using Win32 APIs as SetWindowLongPtr(windowhandle, GWL_STYLE, WS_POPUP); , Even with this, I was not able to remove the Min, Max, or Close buttons after setting WinUIWindow.ExtendsContentIntoTitleBar = true;

It would be great if you could help me remove Min, Max, and Close buttons when I use title bar customization.

Thank You

Anonymous

2023-03-22T06:36:55.7633333+00:00

Have you checked @Castorix31 's solution ?

Accepted answer

1 additional answer

Your answer

Anonymous

2023-03-22T06:36:55.7633333+00:00

Have you checked @Castorix31 's solution ?

Answer 1

Castorix31 90,686

You can see the sample I had uploaded where I use SetBorderAndTitleBar, with transparency (layered window)

and PointerMoved and others to move the window :

https://github.com/castorix/WinUI3_SwapChainPanel_Layered

WinUI3_Layered

Harshithraj1871 1,686 Reputation points

2023-03-23T07:21:17.7333333+00:00
Thank you for your response.

I added the WS_EX_LAYERED to windows extended styles.

LONG_PTR style = GetWindowLongPtr(windowhandle, GWL_EXSTYLE); SetWindowLongPtr(windowhandle, GWL_EXSTYLE, style | WS_EX_LAYERED);

Then set the border and title to false.

auto presenter = appWindow.Presenter().try_as<OverlappedPresenter>(); presenter.SetBorderAndTitleBar(false ,false);

By doing this I got strange behavior. The window had a white Horizontal border at the top, this border comes randomly when I launch the application. When the white border comes, if I click anywhere on the window, the white border goes away (I am not handling any kind of PointerPresed event) and sometime it will not allow me to resize the window and sometimes it allows me to resize the window.

haven't seen this before, it would be great if you help me with this.

presenter.SetBorderAndTitleBar(false ,false);
Castorix31 90,686 Reputation points

2023-03-23T07:38:26.2333333+00:00

But did you try the sample, with the remark about the border on Windows 11, fixed with DWM API ?

Harshithraj1871 1,686

yes, I have added this, still the same behavior

int nValue = static_cast<int>(DWM_WINDOW_CORNER_PREFERENCE::DWMWCP_DEFAULT);
HRESULT hr = DwmSetWindowAttribute(windowhandle, static_cast<DWORD>(DWMWINDOWATTRIBUTE::DWMWA_WINDOW_CORNER_PREFERENCE), &nValue, sizeof(int));

Castorix31 90,686 Reputation points

2023-03-23T08:40:10.71+00:00

But did you try the sample with SwapChainPanel ?

If the C# sample works, you probably forgot something...
Harshithraj1871 1,686 Reputation points

2023-03-23T12:21:10.1766667+00:00

Thank you, I didn't add SwapChainPanel, what is its purpose here? I haven't used it in any of the WinUI applications before and didn't get any issues like this.

And I only get this issue if I add the WS_EX_LAYERED to windows extended styles. otherwise, I will have a window with a white horizontal border at the top[which I'm trying to remove], and we can resize the window properly.
Castorix31 90,686 Reputation points

2023-03-23T14:33:45.8466667+00:00
I had set

_presenter.IsResizable = false;

which removes the small top bar...
Harshithraj1871 1,686 Reputation points

2023-03-24T07:31:07.86+00:00

Thank you, this worked, Is there any way to properly remove the Title bar without losing the window features like Resize?
Castorix31 90,686 Reputation points

2023-03-25T12:44:03.2166667+00:00

On my Windows App SDK 1.1.0, if I keep the resizing with

_presenter.SetBorderAndTitleBar(true, false);

I can handle WM_NCCALCSIZE to remove the top border with NCCALCSIZE_PARAMS

If I add +1 to top (and +1 to left, -1 to right and bottom to keep all borders), I get :

(values could be increased to increase borders size, but should be drawn larger too)
Harshithraj1871 1,686 Reputation points

2023-03-27T07:53:40.3633333+00:00

Thank you, this was helpful

Answer 2

Jeanine Zhang-MSFT 11,356 Microsoft External Staff

Hello,

Welcome to Microsoft Q&A!

As far as I'm concerned, you couldn't remove Min Max Close button with tittle bar customization.

According to the Doc: Title bar customization

When you opt-in to full title bar customization, your app's client area is extended to cover the entire window, including the title bar area. You are responsible for drawing and input-handling for the entire window except the caption buttons, which are still provided by the window.

That area is a reserved area. If you want to hide the buttons, you could try to extend your content into the title bar area.

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.

Harshithraj1871 1,686 Reputation points

2023-03-17T08:24:26.3+00:00

Thank you for your response @Jeanine Zhang-MSFT , as there are no other options I was searching for workarounds, and I found SetBorderAndTitleBar - https://learn.microsoft.com/en-us/windows/windows-app-sdk/api/winrt/microsoft.ui.windowing.overlappedpresenter.setborderandtitlebar?view=windows-app-sdk-1.2, I used it to remove TitleBar and add my own custom title bar.

But this was adding extra space on top, how to remove this, I was not able to drag the window around as there is no title bar, how to achieve this experience?
Jeanine Zhang-MSFT 11,356 Reputation points Microsoft External Staff

2023-03-17T09:50:02.38+00:00

You could try to use WM_NCHITTEST message.
Harshithraj1871 1,686 Reputation points

2023-03-17T10:13:09.08+00:00
Thank you, it gave HTTOP (12) - In the upper-horizontal border of a window

I tried removing the border like this

LONG_PTR style = GetWindowLongPtr(windowhandle, GWL_STYLE); style &= ~WS_CAPTION; SetWindowLongPtr(windowhandle, GWL_STYLE, style);

But it did not work. The Top Horizontal border is still there
Harshithraj1871 1,686 Reputation points

2023-04-04T06:16:44.98+00:00

@Jeanine Zhang-MSFT , you also mentioned that "If you want to hide the buttons, you could try to extend your content into the title bar area", i tried extending my content into that Min Max close button area, but my content went under the mim max button.
Harshithraj1871 1,686 Reputation points

2023-04-04T06:47:38.55+00:00
@Jeanine Zhang-MSFT , also i was able to remove the min max button with help of this link , When i tried to only remove minimize button, it did not remove the minimize button, but it greyed it out

but when i removed both the buttons, it removed both min max button like this

SetWindowLong(hwnd, GWL_STYLE, GetWindowLong(hwnd, GWL_STYLE) & ~(WS_MINIMIZEBOX | WS_MAXIMIZEBOX));

Can you help me understand behaviour? if i want to remove only minimize button can i do that?
Harshithraj1871 1,686 Reputation points

2023-04-04T08:22:07.5766667+00:00

I was able to do this because i used AppWindowTitleBar.ExtendsContentIntoTitleBar Property, but when i used it , i'am not able to use mouse to get focus on textbox in that titlebar.

here in this image , the search bar is a textbox and i'm not able to get the focus to textbox through mouse click but im able to get it through tab. it would be of great if you help me with this issue

Share via

WinUI3 : How to remove Min Max Close button with tittle bar customization

1 additional answer

Your answer