How to display cursor as pointer For RadListBox Item Selection

[Nirav]

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

[Shinu]

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.

[Nirav]

absolutely perfect. This worked.
Thanks a lot.

[Gary]

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.

[Shinu]

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.

[Gary]

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.

[Shinu]

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.