Browse button cursor

Thread is closed for posting
7 posts, 0 answers
  1. Peter
    Peter avatar
    2 posts
    Member since:
    Nov 2010

    Posted 18 Nov 2010 Link to this post

    Should it be possible to apply a cursor to the browse button? How?
    I'm trying as below.
    I get a hand when positioned at border but then it disappears when over button (text is blue so it seems as this selector is found).

    .RadUpload .ruBrowse
    {
     cursor: pointer !important;
     color: blue !important;
    }

    / Peter
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Nov 2010 Link to this post

    Hi Peter,

    This is rather tricky - RadUpload works by moving an input type file element under your mouse cursor and that's why your CSS cursor property is not working. You can try setting it to .ruFileInput instead, however this will change the cursor above the text input too.

    Greetings,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Minh Đinh
    Minh Đinh avatar
    18 posts
    Member since:
    Jul 2009

    Posted 23 Nov 2010 Link to this post

    Hello, i tried to do as you said, but the cursor didnot change when mouse over.

    I want to change the image of the browse button in radupload and change the cursor to pointer when the mouse is over this button. Is there any way to do this?

    Thank you,

    Minh
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 29 Nov 2010 Link to this post

    Hello Minh Đinh,

    Adding this CSS to your page should be enough:
    .RadUpload .ruFileInput,
    .RadUpload .ruFakeInput,
    .RadUpload .ruBrowse
    {
    cursor: pointer !important;
    }

    However Firefox forbids any changes to input type file even with CSS so this workaround won't work there. It should work fine in the rest of the browsers.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. Minh Đinh
    Minh Đinh avatar
    18 posts
    Member since:
    Jul 2009

    Posted 29 Nov 2010 Link to this post

    Thank you for your reply Kamen,

    Yes, i saw this, in IE it was ok but in FF it wasnot.

    But it's about the cursor, how can i change the button's background imange when mouse over. Like common asp:button, i used
    .buttonStyle1
    {
        background-image: url(../images/Button/button1.gif);
        background-color: Transparent;
        cursor: default;
    }
    .buttonStyle1:hover
    {
        background-image: url(../images/Button/button2.gif);
        background-color: Transparent;
        cursor: pointer;
    }

    but the attribute hover didnot work with browser button in radupload, when the mouse over this button, the image did change but immediately changed back to the first image.

    Is it possible to change the radupload's button background image when the mouse is over?

    Thank you
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 30 Nov 2010 Link to this post

    Hi Minh,

    Yes the normal hover won't work due to the floating input type file, so there are special classes .ruInputHover and .ruButtonHover added on hover to those buttons which you can modify to change the background. Since they have rather high specificity of 31-32, you will need at least specificity 33 in order to override them or you can use !important instead. The classes in question were added in Q2 2009 SP1.

    All the best,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  8. Minh Đinh
    Minh Đinh avatar
    18 posts
    Member since:
    Jul 2009

    Posted 30 Nov 2010 Link to this post

    Thank you Kamen, i'm using Q3 2008, i should upgrade to higher version :)

    Again, thank for your help,

    Minh,
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017