Revision as of 04:29, 10 April 2013 by hamishwillee (Talk | contribs)

Changing the Background and Foreground Colors of Application Bar in WP

From Nokia Developer Wiki
Jump to: navigation, search
SignpostIcon XAML 40.png
WP Metro Icon WP8.png
SignpostIcon WP7 70px.png
Article Metadata
Tested with
SDK: Windows Phone 7.1 SDK
Devices(s): Nokia Lumia 800
Platform(s): Windows Phone 7.5 (Mango)
Windows Phone 8
Windows Phone 7.5
Created: sreerajvr (05 Apr 2012)
Last edited: hamishwillee (10 Apr 2013)


This article shows how to change the foreground and background colour of the Windows Phone Application Bar, in XAML.


<shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Opacity="0.75" ForegroundColor="Green" BackgroundColor="Cyan" >
<shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
<shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
<shell:ApplicationBarMenuItem Text="MenuItem 1"/>
<shell:ApplicationBarMenuItem Text="MenuItem 2"/>


You can provide your colours with changing the attributes Opacity, Foreground and Background in the XAML.

600 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.