Style ScrollBar in UI for Silverlight

This is a migrated thread and some comments may be shown as answers.

Style ScrollBar

2 Answers 43 Views

TabControl

This is a migrated thread and some comments may be shown as answers.

James asked on 28 Oct 2009, 07:41 AM

Hello,

I would like to apply my own style to the horizontal and vertical ScrollBar control for my RadTabControl.

I have tried to find some documentation on this but can't find any, but I did find this post that said I need to edit the template for RadTabControl.
http://www.telerik.com/community/forums/silverlight/tabcontrol/tabitem-background-color.aspx#731163

I have tried this but I can't find where I can apply my ScrollBar style, all I get is this template for each side of the TabControl:

    
                            <Grid> 
        
                                <Grid.RowDefinitions> 
        
                                    <RowDefinition Height="auto"/>  
        
                                    <RowDefinition Height="*"/>  
        
                                </Grid.RowDefinitions> 
        
                                <VisualStateManager.VisualStateGroups> 
        
                                    <VisualStateGroup x:Name="CommonStates">  
        
                                        <VisualState x:Name="Disabled"/>  
        
                                        <VisualState x:Name="Normal"/>  
        
                                    </VisualStateGroup> 
        
                                </VisualStateManager.VisualStateGroups> 
        
                                <Border Grid.Row="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">  
        
                                    <ContentPresenter x:Name="ContentElement" Content="{TemplateBinding SelectedContent}" ContentTemplate="{TemplateBinding SelectedContentTemplate}"/>  
        
                                </Border> 
        
                                <Grid> 
        
                                    <Rectangle Fill="{StaticResource RadTabControlHeaderBackground}" Visibility="{TemplateBinding BackgroundVisibility}"/>  
        
                                    <ItemsPresenter Margin="2 4 0 0"/>  
        
                                </Grid> 
        
                                <Rectangle x:Name="DisableVisual" Fill="{StaticResource RadTabItemDisabledBackground}" Visibility="Collapsed" Grid.RowSpan="2"/>  
        
                            </Grid>

According to SilverlightSpy, the ScrollViewer is burried well done in the above ContentPresenter, inside a RadPanelBar control, but I have no idea how to apply my custom style to this.

Help appreciated!
Regards,
James.

2 Answers, 1 is accepted