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

Change style of scrollbar

4 Answers 556 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Missing User
Missing User asked on 09 May 2010, 02:20 PM
Can someone describe the easiest way to edit the style of the scrollbar.
I tried with Blend but it only changes background color which is not enough. I want to restyle everything, like bars and buttons, including style when clicked and dragged and hovered (Like any other style).
How can I manage this without too much work (E.q. creating a new theme).
Seems this is not in the styles in Blend???

4 Answers, 1 is accepted

Sort by
0
Kalin Milanov
Telerik team
answered on 10 May 2010, 10:11 AM
Hi Marcel Pietsen,

To do that in the RadGridView you will need to edit the template of the grid, find the PART_ItemsScrollViewer, go to its template and edit the scroll bars. It all works in Blend.
Attached I am sending you a sample application which changes the corner radius of the thumb of the scroll bar to 20. You can use this to get started.

Regards,
Kalin Milanov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Missing User
answered on 10 May 2010, 04:07 PM
I am aware of the possibilities to change the cornerradius, that works.
But as I said in the startpost, in PART_ItemsScrollViewer, there are no such things as selected colour, highlight colour, the only colour there is background colour which is not such a big deal. Going further with Edit a copy I can manage to also change background colour of the Up and Down buttons but again no highlight and select colour. Can you show me a sample or a way how to do this.
0
Missing User
answered on 12 May 2010, 06:11 AM
Anyone? I would really like to know this.
0
Kalin Milanov
Telerik team
answered on 13 May 2010, 10:52 AM
Hi Marcel Pietsen,

There are no properties for Selected / MouseOver / Disabled / Checked, etc. colors as the platform itself lets you redefine the templates. As you have seen in the previous example I have made modifications to the corner radius of the thumb via editing its chrome template. In that very same template you can edit the MouseOver / Selected, etc. colors as well as change animation duration apply easing and in general retemplating the whole thing.

I have updated the sample to account for MouseOver and Selection for that very same Thumb. I hope you will find it as a useful reference when applying your design.

All the best,
Kalin Milanov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
GridView
Asked by
Missing User
Answers by
Kalin Milanov
Telerik team
Missing User
Share this question
or