renewed skins problem

[Roy]

First i would like to say that the effort Telerik put into standardizing the skins is immense and amazing.

But, i would have like to see more diversity in the skins - they all look quite a like, except the colors.

And besides, the skins are too square - no round angles which are very populer these days, and nothing of that sort.

But that's not my problem. it's quite simple - the edit button.

I use the Edit Button column, set into Image mode. Problem is, the cursor doesn't change into 'pointer' mode when i move it over the image.

When the row is already in edit mode, the cursor does change to pointer when i move over the image.

After some digging, i found out that the normal row's style set the cursor to default, thus overriding the image's cursor.

The edit mode style doesn't set the cursor to default, so the image can switch the cursor to pointer.

I only checked it in one skins, but since they are all standardnized, they would all be the same

[Morten]

Great skins improvements.

I too have a minor issue with the cursor on a grid with a Vista skin.

The mouse defaults to an arrow over the default edit and delete icons.

I'm using this code:

                    <telerik:GridEditCommandColumn UniqueName="EditColumn" ButtonType="ImageButton"
                      EditImageUrl="~/Images/grid/Edit.gif"
                      UpdateImageUrl="~/Images/grid/Update.gif"
                      CancelImageUrl="~/Images/grid/Cancel.gif"
                      InsertImageUrl="~/Images/grid/AddRecord.gif">
                      <HeaderStyle Width="40px" />
                    </telerik:GridEditCommandColumn>

[Dimo]

Hello,

Here is a way to change the cursor of RadGrid edit and delete buttons. We will add it to the embedded skins for our next release:

.RadGrid input[type="image"]
{
      cursor: pointer;
}


Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Morten]

just upgradaed to the latest build. The "edit-image-without-default-pointer-cursor" seem not to have been fixed. Is this so?

[Dimo]

Hi Morten,

IE6 does not support attribute CSS selectors, so if you happen to be using this browser, then the solution is the following:

ASPX

<telerik:RadGrid
    ID="RadGrid1"
    runat="server">
    <MasterTableView>
        <Columns>
            <telerik:GridEditCommandColumn ButtonType="ImageButton">
                <ItemStyle CssClass="MyButtonColumn" />
            </telerik:GridEditCommandColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

CSS

.MyButtonColumn input
{
    cursor:pointer;
}

Sincerely yours,
Dimo
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.