About Application ApplicationBar

Oct 30, 2012 at 6:28 PM

It seems that on a 3-row grid, the application bar takes double the space than it should.

The grid row configuration it is the following:

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

<RowDefinition Height="Auto" /> <!-- This is the AppBar container -->


The AppBar shows up just if it were expanded by clicking the elipsis, but it's not... this area shows blank taking up extra space. 

Any suggestions?


Nov 1, 2012 at 4:25 PM

Hi Jsaer,

I tried that and it worked like a charm. Have a look at the following example (it's a little bit re-arranged ApplicationBar Demo).

            <RowDefinition Height="Auto" />
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />

        <TextBlock Grid.Row="0"
                   Text="FIRST ROW"
                   Style="{StaticResource WinTextTitle1Style}"/>

        <TextBlock Grid.Row="1"
                   Text="{Binding SelectedText}"
                   Style="{StaticResource WinTextExtraLargeStyle}"/>
        <AppBar:ApplicationBar Grid.Row="2">
                <AppBar:ApplicationBarIcon ImageSource="/TpMetroWpfLibrary;component/Images/appbar.prev.png"
                                           Command="{Binding PrevCommand}"/>
                <AppBar:ApplicationBarIcon ImageSource="/TpMetroWpfLibrary;component/Images/appbar.next.png"
                                           Command="{Binding NextCommand}"/>
                <AppBar:ApplicationBarMenuItem Description="Next Month" Command="{Binding NextCommand}"/>
                <AppBar:ApplicationBarMenuItem Description="Previous Month" Command="{Binding PrevCommand}"/>

Nov 1, 2012 at 4:26 PM

Remark: Maybe you've forgotten to place the application bar into the second grid row...