Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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?

Ellipsis button

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>
like image 402
thalassophile Avatar asked Oct 03 '17 01:10

thalassophile


2 Answers

You can use the OverflowButtonVisibility property:

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

like image 88
Sebastian B Avatar answered Nov 09 '22 09:11

Sebastian B


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.

like image 38
Herdo Avatar answered Nov 09 '22 08:11

Herdo