Silverlight for Windows Phone 7: Change panorama control’s title
You can easily change the look of Panorama-control title by applying TitleTemplate:
<controls:Panorama Title="my pano">
<controls:Panorama.TitleTemplate>
<DataTemplate>
<TextBlock Text="{Binding}" FontSize="100" Margin="0,50,0,0" />
</DataTemplate>
</controls:Panorama.TitleTemplate>
</controls:Panorama>
This piece of xaml allows to get the title smaller.
Pay attention to Margin-attribute stated above. The default attributes for Panorama title is
Margin="10,-76,0,9" FontSize="187" HorizontalAlignment="Left"
and if you decrease the font size without correction of top-margin, your title can be hidden or clipped by upper bound of the screen.
If you want to add image to the title, use the next sample as the base:
<controls:Panorama.TitleTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Image x:Name="logoImage" Margin="0,80,0,0" Source="/ApplicationIcon.png" />
<TextBlock Text="{Binding}" FontSize="100" Margin="0,50,0,0" />
</StackPanel>
</DataTemplate>
</controls:Panorama.TitleTemplate>
Related posts:
Categories: Silverlight, Windows Phone 7 Panorama control, Silverlight, TitleTemplate, Windows Phone 7


