ScrollBars Styling...

[Marc Roussel]

Hi,

We would need to enlarge the scrollbars for a touch screen.
Is there any way to style the scrollbars of the Grid ?

Thank you

[Kalin Milanov]

Hello Marc Roussel,

The best way to edit the scrollbars will be to drop a GridViewScrollViewer in Blend, edit its template and change the Width and Height properties of the Vertical and HorizontalScrollBars respectively. Once done apply the generated GridViewScrollViewerStyle to the GridViewScrollViewer control in the RadGridView template. 

Let me know if you need any further assistance with this task.

 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.

[Marc Roussel]

Hi,

I did drop a GridViewScrollViewer on Blend 3 Artboard then I did click Edit Template -> Edit a Copy and then I have an exception which you can see in the screenshot

[Marc Roussel]

I have version : 2009.3.1314.1030
on Windows Vista Ultimate x64 SP2
Blend : 3.0.1927.0

[Kalin Milanov]

Hi Marc Roussel,

Please find attached a sample which includes ready to be styled GridViewScrollViewer. I hope it will help in achieving your task.

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.

[Marc Roussel]

Sir,

I've loaded your project and successfuly change teh width of the vertical scroll bar for instence now that I have a large one
you said, and I quote here : "Once done apply the generated GridViewScrollViewerStyle to the GridViewScrollViewer control in the RadGridView template" but how do you do that ?

Also, It doesn't help me know how you do all that in Blend 3.  Would be very necessary to see a video tutorial on how you do all your work by showing us step by step how you achieve that in Blend 3

Now that I have your porject with something I've been able to modify I don't even know what to do to bring this to my current application since what I have is a project and not something I can see to learn how to do it myself in my own application.

[Marc Roussel]

Sorry to tell you that but for me it's a real pain to do this task. 

First as soon as I try to edit the template of a GridViewScrollViewer, Blend 3 crashes.  See attachment.
Then even tought I would be able to work out the whole thing.  Then how do you make it so my RadGridView use this new style.
After looking at everything possible to style the grid I did not find the way.
finally, I always see this GridViewScrollViewer on screen while running my application.  So all in all, it doesn't seem easy to juste enlarge a scrollbars of the grid.

I would pay for a video tutorial if necessary.  It's insane how it's hard to accomplish any styling for the grid.

WELL, I just tried to attach a jpg twice and I don't see it after UPDATE of my post.  Let's try a third time..........
WELL again, unsuccessful.  I don't know how to attach my simple jpg which is only 115k

[Marc Roussel]

I would need help on this.

I'm now with Blend 4 and your latest build which in my case is 419
and when I drop a GridViewScrollViewer on the board and edit the template, it crashes with a NullReferenceException (Object reference not set to an instance of an object)

When I select Edit a copy, a big dialog box appear saying Resource Key Conflict which I don't know what that means.
I have 2 possible option.  ADD THE COPIED RESOURCE ALONGSIDE THE EXISTING RESOURCE
or OVERWRITE THE EXISTING RESOURCE WITH THE COPIED RESOURCE

I tried both of them and as soon as I hit ok, the crash occurs

[Vanya Pavlova]

Hello Marc,

 

The templates of different RadGridView's parts share common resources. When you edit multiple parts in a single project you have duplicate resources and Blend prompts you for these equality. You have the option either to override the currently used resource or to replace it with the default one. 
Furthermore you may take a look at the following screencast which demonstrates how to modify RadGridView's ScrollViewer using ExpressionBlend. 

Greetings,
Vanya Pavlova
the Telerik team

[Marc Roussel]

Yes this is actually what I'm looking at however when you drop the Collection to the grid the rows of the sampledata appears on your grid for me there's nothing.

When I drag the collection over the RadGridView, it's saying Listbox and if I release, it's a listbox.
However if I hit ALT and hold it whilte draging, it's asking me the same as your which is to bind at ItemsSource however when I release it, nothing appear on the grid.

Anyway idea ?

[Marc Roussel]

Oh My, I've been able to make it work by draging it on the RadGridview but not on the Artboard but on the Objects and Timeline

[Marc Roussel]

How do you apply the style which is enlarged scrollbars to a GridViewComboBoxColumn by C# code ?

[Vanya Pavlova]

Hi Marc Roussel,

 

GridViewComboBox column simply uses RadComboBox control as its editor. If you need to change RadComboBox's style and its ScrollViewer you can edit its template and apply the desired changes. Using an implicit style targeted at RadComboBox will affect our GridViewComboBoxColumn. 

All the best,
Vanya Pavlova
the Telerik team

[Marc Roussel]

I have my style which is all right and I have this line of code :

((GridViewComboBoxColumn)rgvComponents.Columns[rgvComponents.Columns.Count - 1]).EditorStyle = this.Resources["RadComboBoxStyle"] as Style;

However the style isn't applyed.
What am I doing wrong ?

In this style, in Blend I see that the RadComboBox Style really have the MinWidth to 30 which enlarge the vertical scrollbar
But once applied by the code above, once the application run Gridview part of the RadComboBox doesn't have the vertical scoll bar enlarged

[Marc Roussel]

The question is more like how do you enlarge the scrollbars of a GridViewComboBoxColumn as it doesn't seem to be the same as styling the RadGridView scrollbars as shown on the video !

And how do you apply it by C# code

[Marc Roussel]

I created a support ticket.
Thank you