Change Orange Color of Grid

[Manish Agarwal]

Hi

I want to change the "Orange" Color.
1) On Selecting a row.
2) On mouseover.
3) On selecting a cell.

I want to do it for Hierarchical Grids also.

Please reply me where to change for this as i am changing for rowstyle but not able to do it correctly.

Regards
Charu Pahuja

[Kalin Milanov]

Hi Manish Agarwal,

Please find below a list of Templates to edit to achieve the changes you like:
Row MouseOver and Selection
- GridViewRow
- GridViewAlternateRow - if you are using row alternation
- GridViewExpandableRow - for the hierarchy

all of the above have corresponding style properties in the RadGridView

Cell MouseOver and Selection
- GridViewCell

the style property of the Cell is in the column.

Best wishes,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manish Agarwal]

Hi

I have Created style for RadGrid for GridViewRowTemplate
and assigned it to Grid like : 

Style

 

="{StaticResource GridViewRowTemplate}"

 

it is throwing error that this value is out of range
and on using 

Style

 

="{Binding GridViewRowTemplate}"

 

nothing is getting changed
So where i am doing wrong please suggest

Thanks and Regards
Charu Pahuja

[Manish Agarwal]

this problem is solved now 



1)  Expression blend crashes on clicking any state for gridview
2) How to apply style for scroll bar "i.e" i want to change the orange color on mouse over for both horizontal and vertical scroll.
3) How to change the style for header column (ie change the orange color) i am not finding the style for this



Regards
charu Pahuja

[Kalin Milanov]

Hello Manish Agarwal,

1. Right at this point the Blend support of RadGridView is not ideal and we are working hard on improving on that part for 2010.Q1. Unfortunately your only option of changing the VisualStates if you manually change it in the XAML. Luckily this does not apply for all control parts of the grid.

2. If you want to change visuals of the GridViewScrollViewer the best approach is to drop on in Blend's design surface edit its style and then apply it to the RadGridView. To do so Edit the template of the RadGridView and apply the style of the scroll viewer to the GridViewScrollViewer.

3. The same approach can be used for the column headers. Drop a GridViewHeaderCell, style it as required and apply the style to the each column in the grid using the HeaderCellStyle property.
If you are auto generating the columns you can use the following C# code:

foreach (var col in this.gridView.Columns)
{
    col.HeaderCellStyle = (Style)this.Resources["GridViewHeaderCellStyle"];
}

NB! gridView is the x:Name of the grid and GridViewHeaderCellStyle is the x:Key of the Style of the header cell.

Keep us posted with your progress.

Sincerely yours,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manish Agarwal]

Hi

Thanks for your response
But i am not able to find the style tag for scrollviewer and for cells , HeaderCells

Can you please send me the sequence of steps  to reach the style tag for scroll viewer  and Header Cells that will be very helpful.


Regards
Charu Pahuja

[Kalin Milanov]

Hello Manish Agarwal,

To style the ScrollViewer
1. Edit the template of RadGridView
2. Find PART_ItemsScrollViewer (the ScrollViewer) and edit its template
3. In the template change the styles and Templates of the Horizontal and Vertical scroll bars.
N.B. It is important not to edit the viewer itself (just the scroll bars) since this might result in errors in virtualization and possible grid crashes.

As for the cells and header cells
There are two separate properties called HeaderCellStyle and CellStyle which can be found on the column of the grid. If you are defining your columns in XAML you can use them directly. If you are letting the grid auto generate its columns you will need to do it in C# as I can be seen in my previous reply.

Kind regards,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manish Agarwal]

Hi

Thanks for the response

But
I am not finding the  " ItemsScrollViewer  " in the edit template of RAdGrid 
Please refer  attached  snapshot for this .

Also for header cell style i am not asking how to apply style My Query is i am not finding the steps to Create style for Header Cell.


Regards
Charu Pahuja

[Kalin Milanov]

Hi Manish Agarwal,

I assume you are using the latest binaries of our controls. The PART_ItemsScrollViewer is there and you can edit its template. If you are using a previous version you should find a RootItemsControl and in its template you will find the scroll viewer.

As for the cell - the best way is to drop a cell in Blend's design surface, edit its template the way you want it to appear and apply the style using the HeaderCellStyle property.

Sincerely yours,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manish Agarwal]

Hello

i am getting crash for  "PART_ItemsScrollViewer " when editing its template.


Please suggest how it can be done

Regards
Charu Pahuja

[Kalin Milanov]

Hi Manish Agarwal,

As our Blend support for RadGridView is not where we want it to be it took quite a while to prepare the following sample and include all the templates of the RadGridView, GridViewScrollViewer and ScrollBar.

Please review the sample and edit the templates as needed to reflect your changes.
There are two things to note here:

1. Do not change the template of GridViewScrollViewer as it may result in some faults in virtualization.
2. Note that I am also sending you our latest internal build binaries as the previous ones were causing Blend to crash.

I hope this works for you.

Best wishes,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Zero Gravity Chimp]

Hello

I've come accross this looking for a way to change the scrollbar. I've been able to change the scrollbars for other controls that have a scrollviewer using expression blend. I am adept at the XAML using studio as well.

As you can imagine my controls, telerik, and grid namespaces are all slightly different and very difficult to match up to the example. In any case why do I need a style with target type grid:GridViewScrollViewer when other kinds of telerik controls use a standard scrollviewer? Is there some deeper level of complexity we have no access to?

Is it really blend that is not supported or a custom control that the need was found to implement? I can't understand what would make it necessary for this incredibly complex path to be taken to apply an existing scrollbar style or scrollviewer style to a scrollbar that I can see.

Is this going to change in a release soon or should I spend the time learning it now?

edit: i have some other complexity that I'm currently holding inside the <radgridview> </radgridview> that I would have to merge into the style and test extensively - since there is no blend support as far as i can make out, this is the cause for my serious face >:|

[Kalin Milanov]

Hello Paul,

I understand your frustration with Blend when it comes to styling our controls at this point. We are working hard on immensely improving on that part for our Q1 release.

That being said I would like to share the reason for a separate ScrollViewer used in the RadGridView control. The separate ScrollViewer is there because it handles the virtualization of the grid. As such changing the template of the ScrollViewer can (not necessarily would) affect performance. On the bright side the GridViewScrollViewer uses the exact same templates for its ScrollBars which in what you will be styling if you want to change their colors, size, shape etc. If you have already done so you can apply that very same style to the ScrollBars of the GridViewScrollViewer this achieving both having your style in one place and not hampering with the performance of the control.

If you still have troubles - please send me a sample with your style and a grid so I can provide you with the assistance you need.

Regards,
Kalin Milanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Zero Gravity Chimp]

Thank you, this answers my question thoroughly.

I should probably try this instead of ask, but... is it a good idea, or supported, to change the GridViewScrollViewer for just a standard one? how could one go about this? Is there any plan for an option to specify, without having to change the template so drastically?

In my experience of the grid, I've found that the virtualisation makes a lot of the different scrolling modes quite clunky. (Edit: Clarification: Try pulling the thumb downwards while viewing a long list of evenly sized items. You can sometimes get to the "bottom" but still be able to scroll down more using the arrow. weird!). (Edit again: actually, no, sorry, i might have just imagined this!). Whilst some situations call for this small sacrifice in exchange for the performance boost, others would prefer to sacrifice performance for usability.

Just wondering what's up and coming if we commit to using this product in our application and future applications.

Thanks a tonne!

Chimp

[Zero Gravity Chimp]

Hello, I've managed to implement this using the example - anyone else needing to customize the ragridview should use this!

Thanks a lot.

Regarding the virtualizing scrollviewer, im still curious about my questions. I have found the 'clunkiness' and it is as follows: using the verticalsmalldecrease/increase does not always (or ever) move the "thumb" part of the scrollbar along the area, so that if you scroll down using the arrow, you can get to the bottom and it shows you are still on top. then if you click and drag the thumb downwards it starts at the top and scrolls you through all the content from the top instead of its current position.

Has this been fixed in the latest builds? I may need to get them - if so don't bother replying since I don't mean to be a pain!

Regards,

Paul

[Zero Gravity Chimp]

this is for 'horizontal' versions of abovementioned scrollbar parts too.

build is: RadControls_for_Silverlight_2009_3_1314_DEV as far as i can tell.

[Vlad]

Hello Zero Gravity Chimp,

Indeed this was fixed.

Greetings,
Vlad
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.