How to display cursor as pointer For RadListBox Item Selection

7 posts, 1 answers
  1. Nirav
    Nirav avatar
    48 posts
    Member since:
    Sep 2008

    Posted 30 Dec 2010 Link to this post

    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
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 31 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nirav
    Nirav avatar
    48 posts
    Member since:
    Sep 2008

    Posted 31 Dec 2010 Link to this post

    absolutely perfect. This worked.
    Thanks a lot.
  5. Gary
    Gary avatar
    20 posts
    Member since:
    Oct 2012

    Posted 13 Jan 2014 Link to this post

    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.
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Jan 2014 Link to this post

    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.
  7. Gary
    Gary avatar
    20 posts
    Member since:
    Oct 2012

    Posted 14 Jan 2014 Link to this post

    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.
  8. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 14 Jan 2014 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017