Answered by:
Two Top app bar in windows 8 app

Question
-
Hello,
my app have two app bar which is common to all pages so i created a global page but how i can add two topapp bar ?
when i adding two appbar it says only one allowed as page.topappbar
plase help me
<Page.TopAppBar> <AppBar x:Name="PageAppBar" Padding="10,0,10,0" Background="{StaticResource AppBarBackGroundTheme}" BorderBrush="#FF00C5FF"> <Grid> <StackPanel x:Name="leftCommandPanel" Orientation="Horizontal" HorizontalAlignment="Left"> <Button x:Name="Image" HorizontalAlignment="Left" Style="{StaticResource ImageAppBarButtonStyle}" VerticalAlignment="Top" Background="White" /> </StackPanel> <StackPanel x:Name="rightCommandPanel" Orientation="Horizontal" HorizontalAlignment="Right"> <Button x:Name="button2" Style="{StaticResource AddAppBarButtonStyle}" VerticalAlignment="Top" /> </StackPanel> </Grid> </AppBar> </Page.TopAppBar>
Santana George
- Moved by Rob Caplan [MSFT]Microsoft employee, Moderator Friday, December 21, 2012 8:09 AM (From:UI Design for Windows Store apps)
Friday, December 21, 2012 2:50 AM
Answers
-
Is your intention to have two app bars on the top of the page? It is not possible. But if you want to add second app bar on the bottom of the page, you have to use Page.BottomAppBar property. The following article provides detailed app bar overview - http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh781232.aspx
- Proposed as answer by Jesse Jiang Tuesday, December 25, 2012 5:44 AM
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Friday, December 21, 2012 5:56 AM -
Hi,
In addition, you can change the items in Appbar in global page.
Please check the Scenarion3 of XAML AppBar control sample
http://code.msdn.microsoft.com/windowsapps/XAML-AppBar-control-sample-2aa1cbb4Best regards,
JesseJesse Jiang
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.- Proposed as answer by Jesse Jiang Tuesday, December 25, 2012 5:44 AM
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Monday, December 24, 2012 6:10 AM -
Found Another way just add a Appbar in the grid where the frame placed in ...
Santana George
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Monday, December 24, 2012 9:29 AM
All replies
-
Is your intention to have two app bars on the top of the page? It is not possible. But if you want to add second app bar on the bottom of the page, you have to use Page.BottomAppBar property. The following article provides detailed app bar overview - http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh781232.aspx
- Proposed as answer by Jesse Jiang Tuesday, December 25, 2012 5:44 AM
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Friday, December 21, 2012 5:56 AM -
Hi,
In addition, you can change the items in Appbar in global page.
Please check the Scenarion3 of XAML AppBar control sample
http://code.msdn.microsoft.com/windowsapps/XAML-AppBar-control-sample-2aa1cbb4Best regards,
JesseJesse Jiang
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.- Proposed as answer by Jesse Jiang Tuesday, December 25, 2012 5:44 AM
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Monday, December 24, 2012 6:10 AM -
Found Another way just add a Appbar in the grid where the frame placed in ...
Santana George
- Marked as answer by Jesse Jiang Thursday, December 27, 2012 5:46 AM
Monday, December 24, 2012 9:29 AM