question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TabView in title bar of window below buttons to minimize, maximize and close the window

See original GitHub issue

Describe the bug When you want to use TabView control in combination with ExtendViewIntoTitleBar, the tabs are visible underneath the window controls

Steps to reproduce the bug Follow the guidelines in the docs or see the “Complete TabView windowing sample” in XAML Controls Gallery app.

Expected behavior TabView should not show up underneath the window controls

Screenshots Screenshot (38)

Version Info

NuGet package version: Microsoft.UI.Xaml 2.4.3

Windows 10 version Saw the problem?
Insider Build (xxxxx)
May 2020 Update (19041) Yes
November 2019 Update (18363)
May 2019 Update (18362)
October 2018 Update (17763)
April 2018 Update (17134)
Fall Creators Update (16299)
Creators Update (15063)
Device form factor Saw the problem?
Desktop Yes
Xbox
Surface Hub
IoT

Additional context

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
chingucodingcommented, Sep 16, 2020

There is the IsTitleBarAutoPaddingEnabled API, which updates the padding on some parts. Having this automatic is very difficult, since that would require some way to reliably detect whether or not the control is the root and is affected by the custom titlebar behavior or not.

1reaction
chingucodingcommented, Sep 13, 2020

You can put content inside the TabStripFooter, e.g. an empty Grid occupying the necessary space to achieve the necessary padding. The question is if there should be a separate API here, similar to the NavigationView.IsTitlelBarAutoPaddingEnabled.

Read more comments on GitHub >

github_iconTop Results From Across the Web

TabControl overlays Minimize, Maximize and Close button ...
You are overlapping your TitleBar. You should let a margin or change MaxWidth of your TabView depending on the window width. – McNets....
Read more >
5 Ways to Restore the Title Bar, Minimize, Maximize, and ...
5 Ways to Restore the Title Bar, Minimize, Maximize, and Close Buttons in Windows 10 · 1. Check the App's Settings · 2....
Read more >
Title bar Minimize, Maximize, Exit buttons too far apart for ...
I noticed that in Windows 10, the title bar format for the right hand buttons have been spread out further than previous versions....
Read more >
Customize window layouts and personalize document tabs
Learn how to customize tabs and windows in Visual Studio to create layouts that work best for your development workflows.
Read more >
How to Use Tabbed Panes
Navigate between scrollable tabs. This example provides scrollable tabs. Resize the dialog box by moving its left or right boundary so that tabs...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found