Button Down properties on Select button

Thread is closed for posting
2 posts, 0 answers
  1. Jason
    Jason avatar
    3 posts
    Member since:
    Jun 2008

    Posted 30 Jun 2008 Link to this post

    Is it possible to custom style the "select" button on the rad upload so that it behaves as other asp.net buttons do, with changing color for button down and such when clicked. Currently when clicked it acts like a hyperlink almost, bringing up the file dialog box.
  2. Veselin Vasilev
    Admin
    Veselin Vasilev avatar
    2992 posts

    Posted 03 Jul 2008 Link to this post

    Hi Jason,

    The Select button is a <input type="button"> element and you can style it using the ruBrowse CSS class.

    As you might already know, there is a transparent <input type=file > element above the textbox area and the Select button, so you might face problems trying to handle let's say hover event - because that event will be fired from the transparent file input, rather than the Select button.

    Here is a small trick on how you can handle the mouse over the input element and change its background with another image. Add this CSS rule to the <head> section of your page:

    div.RadUpload_Default .ruFileInput:hover~.ruBrowse 
        background:transparent url('images/Your_New_Image.gif') 100% 0 no-repeat

    Here Default is the name of my skin.

    All the best,
    Veskoni
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top