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

renewed skins problem

4 Answers 61 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Roy
Top achievements
Rank 1
Roy asked on 15 Mar 2009, 07:11 AM
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

4 Answers, 1 is accepted

Sort by
0
Morten
Top achievements
Rank 1
Veteran
answered on 16 Mar 2009, 10:41 AM
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>
0
Accepted
Dimo
Telerik team
answered on 16 Mar 2009, 04:24 PM
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.
0
Morten
Top achievements
Rank 1
Veteran
answered on 13 Apr 2009, 08:34 AM
just upgradaed to the latest build. The "edit-image-without-default-pointer-cursor" seem not to have been fixed. Is this so?
0
Dimo
Telerik team
answered on 13 Apr 2009, 12:39 PM
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.
Tags
Grid
Asked by
Roy
Top achievements
Rank 1
Answers by
Morten
Top achievements
Rank 1
Veteran
Dimo
Telerik team
Share this question
or