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

How to display cursor as pointer For RadListBox Item Selection

6 Answers 182 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Nirav
Top achievements
Rank 1
Nirav asked on 30 Dec 2010, 09:28 PM
I am using telerik:RadListBox and I want to change cursor to pointer ( hand ) upon Item Selection. When user moves cursor on ListBox Items, it should show cursor as "Pointer" so that user can know that he can click on any item to select.

For now, I am using "Vista" skin, but I may change it so is there any code that can apply for this irrespective of skin?

So just in brief again, How can I change mouse cursor to the "Pointer" for RadListBox Item selection?

Thanks in advance

6 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 31 Dec 2010, 10:45 AM
Hello Nirav,

You can achieve this by modifying the preset CSS, irrespective of the skin that you are using, like below.

CSS:
.RadListBox .rlbHovered
{
   cursor: pointer!important;
}
</style>

Shinu.
0
Nirav
Top achievements
Rank 1
answered on 31 Dec 2010, 08:00 PM
absolutely perfect. This worked.
Thanks a lot.
0
Gary
Top achievements
Rank 1
answered on 13 Jan 2014, 04:39 PM
Sorry to open this old thread. But is there a way to change the cursor to a closed hand while dragging a listboxitem (using something like the property "cursor:-webkit-grabbing;")?

Thanks.
0
Shinu
Top achievements
Rank 2
answered on 14 Jan 2014, 05:08 AM
Hi Gary,

As a work around you can set an URL to the Cursor property of RadListBox as follows.

CSS:
 
<style type="text/css">
    .RadListBox .rlbDropClueAbove, .rlbDropClueBelow
    {
        cursor: url(closed-mac.png), auto !important;
    }
</style>

Hope this will helps you.
Thanks,
Shinu.
0
Gary
Top achievements
Rank 1
answered on 14 Jan 2014, 04:21 PM
Thanks Shinu. But where do I find the "closed-mac.png" image, is that part of the telerik controls. What is the full url so that I can link to it?

Also, I want to maintain the "grabbing" cursor as I drag the listboxitem to a neighboring textbox. How can I do that?

Thanks.
0
Shinu
Top achievements
Rank 2
answered on 15 Jan 2014, 05:12 AM
Hi Gary,

Please try the following CSS to achieve your scenario. You will get the image of grabbing cursor from this link.

CSS:
<style type="text/css">
    .RadListBox .rlbDropClueAbove, .rlbDropClueBelow, .rlbItem .rlbSelected
    {
        cursor: url(closed-mac.png), auto !important;
    }
</style>

Thanks,
Shinu.
Tags
ListBox
Asked by
Nirav
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Nirav
Top achievements
Rank 1
Gary
Top achievements
Rank 1
Share this question
or