set cursor to pointer in a grid.

Question

I have a Rad Grid and I simply want the cursor to be a pointer on hover of every row. I've tried Css classes and it hasn't worked. I know there is a simple solution, i just don't know how to do it. Below is what i've tried

<style type="text/css">
.UseHand
{
    cursor: pointer;
}

 <telerik:RadGrid ID="RadGrid1" Skin="WB" runat="server" AutoGenerateColumns="false" DataSourceID="DSID">
                    <GroupingSettings CaseSensitive="false" />
                    <SelectedItemStyle CssClass="UseHand" />
                    <MasterTableView>BLAH BLAH</MasterTableView>
                    <ClientSettings EnableRowHoverStyle="true">
                        <Selecting AllowRowSelect="True"  />
                        <ClientEvents />
                    </ClientSettings>
 </telerik:RadGrid>

Any help on this would be greatly appreciated!

Answer 1

Try changing:

<SelectedItemStyle CssClass="UseHand" />

To:

<ItemStyle CssClass="UseHand" />

SelectedItemStyle represents the currently selected row, where ItemStyle represents all rows.

Answer 2

I have 2 ideas for you:

Idea 1: In your example, you added the class to the SelectedItemStyle, which I believe is the only the selected row(s), not all of them. Instead you could try:

<ItemStyle CssClass="UseHand" />

Idea 2:

You could also try forcing the issue with:

.UseHand
{
    cursor: pointer !important;
}

and add the class to the grid itself:

 <telerik:RadGrid ID="RadGrid1" Skin="WB" CssClass="UseHand" runat="server" AutoGenerateColumns="false" DataSourceID="DSID">

This should override any build in styles and inline styles generated by the RadGrid.