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

user_8663072 0
Viewed 1822

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>
commandbar uwp ellipsis
2 Answers

You can use the OverflowButtonVisibility property:

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

user_65851960

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.

user_21327960
Related