How to set font size on a Windows Phone 7 Pivot or PivotItem control

Question

I want to set the size of the font in the PivotItem control. Explicitly setting PivotItem FontSize does not seem to do anything, and neither does setting the PivotItem style to "{StaticResource PhoneFontSizeSmall}" The only thing I can find that will change the font size is the FontSize property on the Pivot control, but that only changes the size of the header text of the Pivot itself, but I want to change the size of the PivotItem header text.

Edit: Ok I've learned how to do it using <controls:PivotItem.Header>, but how would I do it using binding? For example:

<controls:Pivot x:Name="pvtKey" 
                        Grid.Row="1" 
                        Height="60"
                        ItemsSource="{Binding Keys}">
    <controls:Pivot.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" FontSize="5"/>
        </DataTemplate>
    </controls:Pivot.ItemTemplate> </controls:Pivot>

score 16 · Accepted Answer · edited Jan 19 '12 at 21:08

16

<controls:Pivot Title="whatever" Name="pivot">
    <controls:PivotItem Margin="11,28,13,0" >
        <controls:PivotItem.Header>
            <Grid>
                <TextBlock Name="FirstPivot" FontSize="31" Text="FirstPivot" />
            </Grid>
        </controls:PivotItem.Header>

        <Grid>    <!-- content --> </Grid>

</controls:Pivot>

this should do it

edited Jan 19 '12 at 21:08

answered Jun 05 '11 at 07:52

Christoph

851
8
14

Thanks. That worked great, but now I've got a situation where I'm binding the Pivot, and now I'm back to the same problem, where I can't control the size when binding. – Jeremy Jun 13 '11 at 23:23

score 11 · Answer 2 · answered Jun 29 '11 at 02:19

Solved:

<controls:Pivot x:Name="pivot" 
                ItemsSource="{Binding MyItems}"
                SelectedItem="{Binding Path=SelectedItem, Mode=TwoWay}">
    <controls:Pivot.HeaderTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding}" FontSize="20"/>
        </DataTemplate>
    </controls:Pivot.HeaderTemplate>
</controls:Pivot>

How to set font size on a Windows Phone 7 Pivot or PivotItem control

2 Answers2