Samuel LIOULT
Samuel LIOULT

Reputation: 624

UWP - CommandBar : more button is "hidden"

I have an issue with command bar: I use template10, so my CommandBar is in a Grid on bottom of page. I set the property ClosedDisplayMode to Minimal. But the grid has a Visibility=Collapsed by default. When I switch the grid visibility to Visible, the CommandBar appears but the more button is not visible, the command bar is empty. However, the more button is here because I can click it. And when I have click on it at least one time, the content of the button ("...") appears. I hope this is clear...

EDIT 2

Here is the way to reproduce issue:

1 - Create new blank universal app project (without template10)

2 - Replace the XAML code in MainPage.xaml by the following:

<Page
x:Class="BlankAppBarMoreButtonHidden.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:BlankAppBarMoreButtonHidden"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Button Content="Show app bar"
            x:Name="btnShowAppBar"
            Click="btnShowAppBar_Click"/>

    <Grid Grid.Row="1"
          x:Name="appBar"
          Visibility="Collapsed">
        <CommandBar ClosedDisplayMode="Minimal">
            <CommandBar.SecondaryCommands>
                <AppBarButton Label="Commande 1"/>
                <AppBarButton Label="Commande 2"/>
            </CommandBar.SecondaryCommands>
        </CommandBar>
    </Grid>
</Grid>

3 - Add event implementation in the code behind:

private void btnShowAppBar_Click(object sender, RoutedEventArgs e)
{
    appBar.Visibility = Visibility.Visible;
}

4 - Finally, run the project. And press the button. The command bar appears but the more button is not visible. However you click it (clicking on its expected place in bottom right of page) and at this moment, the content appears.

Upvotes: 0

Views: 977

Answers (1)

Elvis Xia - MSFT
Elvis Xia - MSFT

Reputation: 10831

I made a demo from your codes and reproduced the problem with my Windows 10 PC (build 10586).

Then I tested it again on another PC with Windows 10 Insider Preview build 14388. It turns out this problem has been fixed on Insider Preview build 14388.

You are welcome to join Windows Insider Program and give us feedback that can help us make improvements.

Upvotes: 1

Related Questions