ScrollBar width/height

[Rieni De Rijke]

In our application we need all the space we can get.
That's why we want to minimize the width and/or height of all our scrollbars.
In an resource-file we wrote this:

<Style  TargetType="{x:Type ScrollBar}">

        <Setter Property="Stylus.IsFlicksEnabled" Value="false" />        

        <Style.Triggers>

            <Trigger Property="Orientation" Value="Horizontal">

                <Setter Property="Width" Value="Auto"/>

                <Setter Property="MaxHeight" Value="10" />

                <Setter Property="MinHeight" Value="10" />

            </Trigger>

            <Trigger Property="Orientation" Value="Vertical">

                <Setter Property="Height" Value="Auto" />

                <Setter Property="MaxWidth" Value="10"/>

                <Setter Property="MinWidth" Value="10"/>                

            </Trigger>

        </Style.Triggers>

    </Style>

This works fine for all scrollbars in the application. Also for the Telerik-scrollbars.
However...
The RadGridView-scrollbars width or height are being changed because of the new style,
but the inner buttons: the thumb and the repeatbuttons are no longer in the center of the scrollbar. 
We use your Telerik-themes.
What is the best way to change the width/height of your scrollbars (but not loozing the telerik-theme-style) ?

[Vanya Pavlova]

Hi Rieni,

Can you try to edit the template of GridViewScrollViewer and modify the Thumbs and Scrollbars from there. Please try this one and let me know how it goes.

Kind regards,
Vanya Pavlova
the Telerik team

[Rieni De Rijke]

We tried to modify the Thumbs and Scrollbars of the GridViewScrollViewer.
But I think we need a little example to start with. 
Where could we find such an example?

[Vanya Pavlova]

Hi Rieni,

Please see the following forum thread where you can find a screencast, that demonstrates how to access and modify the GridViewSrollViewer.

Sincerely yours,
Vanya Pavlova
the Telerik team