Hiding the ellipsis button (more button) in CommandBar in UWP (Windows 10)

Question

I am using a commandbar in my project (UWP), however, I realized there is an ellipsis button in the commandbar by default. Is there any way where by I can hide/remove it?

Here's my code:

<Page.BottomAppBar>
    <CommandBar 
        Background="{StaticResource CitiKioskBackgroundBrush}"
        IsOpen="True"
        IsSticky="True"
        Name="appBarName"
        Visibility="Collapsed"
        >
        <CommandBar.PrimaryCommands>
            <AppBarButton Name="SettingAppBarButton"
                      Icon="Setting"
                      Label="Settings" 
                      Foreground="White" Click="SettingAppBarButton_Click"/>
        </CommandBar.PrimaryCommands>
    </CommandBar>
</Page.BottomAppBar>

score 12 · Accepted Answer · answered Oct 05 '17 at 18:24

12

You can use the OverflowButtonVisibility property:

<CommandBar OverflowButtonVisibility="Collapsed"></CommandBar>

answered Oct 05 '17 at 18:24

Sebastian B

404
2
8

Hi, thanks for the help! I have tried the codes, and it shows a XBF syntax error '0x09C4' :Property Not Found. Why is that so? – thalassophile Oct 06 '17 at 01:29
2

@thalassophile This property is introduced from `Windows 10 Anniversary Edition (introduced v10.0.14393.0)`. Please make sure that your project's min version is 14393 and target version is 14393 or greater. – Xie Steven Oct 06 '17 at 07:40

score 1 · Answer 2 · answered Oct 03 '17 at 08:31

As there is no property to disable the MoreButton of the CommandBar, you'll have to copy the CommandBar template, remove the MoreButton element from it, and apply the template to your CommandBar instance. Eventually, you have to modify further parts of the template to make it function correctly.

Hiding the ellipsis button (more button) in CommandBar in UWP (Windows 10)

2 Answers2