Multi-line chart title where each line has different formatting

[Tony]

Hi,

I want to have a 2 line title for my chart where each line has different formatting.  To illustrate:

Chart Title Line 1 (Bold and Font Size 16)
Chart Title Line 2 (Normal and Font Size 12)

Is this possible in the Silverlight RadChart control and if so, how do I go about doing this.

Thanks,

Tony

[Petar Kirov]

Hi Tony,

You can achieve this by modifying the ControlTemplate of your ChartTitle. Here you can find the the style of the ChartTitle. I suggest that you modify the ControlTemplate like this:

<Style x:Key="ChartTitleStyle" TargetType="telerik:ChartTitle">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="telerik:ChartTitle">
                <Border BorderBrush="{TemplateBinding OuterBorderBrush}"
                BorderThickness="{TemplateBinding OuterBorderThickness}">
                    <Border Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    CornerRadius="{TemplateBinding CornerRadius}">
                        <StackPanel>
                            <ContentControl FontFamily="{TemplateBinding FontFamily}"
                                FontSize="{TemplateBinding FontSize}"
                                FontStyle="{TemplateBinding FontStyle}"
                                FontWeight="{TemplateBinding FontWeight}"
                                Foreground="{TemplateBinding Foreground}"
                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                Margin="{TemplateBinding Padding}"
                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                Content="{TemplateBinding Content}" />
                            <TextBlock Text="{Binding}"
                                        FontFamily="Georgia"
                                        FontSize="15"
                                        Foreground="Red"
                                        HorizontalAlignment="Center"/>

                        </StackPanel>
                    </Border>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

After you finish the style, set the ChartTitle to use it, and then set the bindings:

<telerik:RadChart x:Name="chart">
    <telerik:RadChart.DefaultView>
        <telerik:ChartDefaultView>
            <telerik:ChartDefaultView.ChartTitle>
                <telerik:ChartTitle
                  DataContext="My second chart title"
                  Content="First Title"
                  Style="{StaticResource ChartTitleStyle}"/>
            </telerik:ChartDefaultView.ChartTitle>
        </telerik:ChartDefaultView>
    </telerik:RadChart.DefaultView>
</telerik:RadChart>

Kind regards, Petar Kirov
the Telerik team