Edit this page

Theming

Telerik themes are not turned on by default in RadToolTip. In order to use the predefined Telerik styles you can define a ContentTemplate for the RadToolTip component and use the RadToolTipContentView control inside the template.

The following code example demonstrates how to set up RadToolTip to use the Telerik themes.

XAML

Ellipse Width="80" Height="80" Fill="#FF1B9DDE" Stroke="#FF1B9DDE" StrokeThickness="2"
          telerik:RadToolTipService.Placement="Top"
          telerik:RadToolTipService.VerticalOffset="-10"
          telerik:RadToolTipService.ToolTipContent="RadToolTip">
    <telerik:RadToolTipService.ToolTipContentTemplate>
        <DataTemplate>
            <telerik:RadToolTipContentView>
                <TextBlock Text="{Binding}" />
            </telerik:RadToolTipContentView>
        </DataTemplate>
    </telerik:RadToolTipService.ToolTipContentTemplate>
</Ellipse>

The end result is demonstrated in the picture below:
radtooltip-theming-sl 01

See Also