.net maui windows titlebar

Question

I was experimenting with the new .net maui preview 13 and I created a new app, but for some reason the title bar on windows is looking weird

As you can see the the title bar is grey (not white) and it is thicker than normal (normally it is as thick as the three buttons) and there is no icon like the other .net app, So is this behavior normal and if so how can I change the title bar color and size?

Note: after some investigation I discovered that this only occurs with the content page

score 2 · Answer 1 · answered Sep 07 '22 at 01:48

2

The simplest way to realize it's customize window style with windowchrome, this's An implementation example under win10

maui titlebar

answered Sep 07 '22 at 01:48

mschen_

21
3

score 0 · Accepted Answer · answered Apr 05 '22 at 08:25

0

This was in error and is essentially a bug. With this PR that is now open it will be fixed and the title bar will look "normal" by default and gives you all the flexibility to style the title bar anyway you want.

This will probably be available from RC2

answered Apr 05 '22 at 08:25

Gerald Versluis

30,492
6
73
100

1

MAUI has been released and the titlebar, while now of normal-ish size, is still grey. Especially when accent-colored titlebars are enabled. – Medinoc Aug 19 '22 at 14:55

score -2 · Answer 3 · answered Mar 14 '22 at 13:01

The height or any other size i think it depends on the platform you are running your App. I'm not sure that can be done.

But for colors you can try this. Add to App.xaml:

<Application>
    <Application.Resources>
        <ResourceDictionary>

            <Color x:Key="PrimaryColor">#242A75</Color>
            <Color x:Key="SecondaryColor">White</Color>
            ...

            <Style TargetType="NavigationPage">
                <Setter Property="BarBackgroundColor" Value="Black"></Setter>
                <Setter Property="BarTextColor" Value="{DynamicResource SecondaryColor}" />
            </Style>

            ...

        </ResourceDictionary>
    </Application.Resources>
</Application>

That will set Titlebar background color to Black, and text to your predefined SecondaryColor defined. This will apply to all the titlebars in your app.

@technologyworld It certainly does on Android (API level 27). I've not tried it on Windows. As it's xaml code, i would spect it to work on any device... — Juan Ignacio Avendaño Huergo, Mar 15 '22 at 17:08
I have tried it on windoes and it appears to be not working, but if you succeed with it let me know — Ahmed Fawzy, Mar 16 '22 at 18:38

.net maui windows titlebar

3 Answers3