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.
1 Answer, 1 is accepted
0
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:
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
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