having trouble changing the style of the tab control

[James]

Hi all

Im currently trying to change the style of the tabs however, im really having trouble to do this. Im really new to these products and blend itself and would like to know how to go about creating a style such as the white on blue tabs in the following link:

http://demos.telerik.com/silverlight/#TabControl/FirstLook

I would be most appreciative if someone could help me out, or point me in the direction of a decent tutorial on the matter.

Best regards
James

[Bobi]

Hello James,

Thank you for the good question.

If you want to change the header style of the tabs  you can use the ItemContainerStyle property and set some style to the header tabs. Take a look at this example :
http://demos.telerik.com/silverlight/#TabControl/HeaderContent

In this example you can see how to set custom content in the headers. Below is another example:

<navigation:RadTabControl.ItemContainerStyle>
                <!--The style that will be applied to all the items-->
                <Style TargetType="navigation:RadTabItem">
                    <!--Setting the template for the headers.-->
                    <Setter Property="HeaderTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <StackPanel Orientation="Horizontal">
                                    <Rectangle Fill="Green" Height="50" Width="100" />
                                </StackPanel>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </navigation:RadTabControl.ItemContainerStyle>

I hope this answers your question.

Best wishes,
Boryana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.