WPF MahApps.Metro AnimatedSingleRowTabControl FontSize

Question

How do I change the font size of the tabs when using the MahApps.Metro AnimatedSingleRowTabControl.

When using a normal TabControl, my theme TabItem (based on MetroTabItem) overrides the fontsize but this does not work for the animated single row tab control. I tried setting the fontsize property on the control in the XAML and this didn't work either.

Regards Alan

Answer 1

You can also define the following in the Application.Resources your App.xaml:

<system:Double x:Key="TabItemFontSize">16</system:Double>

Controls.TabControl.xaml makes use of it as follows:

<Setter Property="Controls:ControlsHelper.HeaderFontSize"
        Value="{DynamicResource TabItemFontSize}" />

Answer 2

You can do the following, setting the header font size to whatever value you want:

<metro:MetroAnimatedSingleRowTabControl>
    <metro:MetroAnimatedSingleRowTabControl.ItemContainerStyle>
        <Style TargetType="{x:Type metro:MetroTabItem}" BasedOn="{StaticResource {x:Type metro:MetroTabItem}}">
            <Setter Property="HeaderFontSize" Value="24"/>
        </Style>
    </metro:MetroAnimatedSingleRowTabControl.ItemContainerStyle>
</metro:MetroAnimatedSingleRowTabControl>