[Solved] Custom browse button (image)

[B]

Hi,
In a RadUpload control, how can I replace the default 'Browse' button with custom browse button (an image)?

Thanks

[Paul]

Hi B,

The "Browse" button is rendered as an input element with the ".RadUpload .ruBrowse" CSS class applied. You can override the provided appearance by modifying the ruBrowse css. Here is a short

    <style type="text/css">
    .RadUpload .ruBrowse
    {
        background-image: url(MyImage.gif) !important;
    }
    </style>

Greetings,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[B]

Do I need to explicitly set the css class for the RadUpload control? I've tried applying the css style you provided in the example but the default button is still rendered.

The following is my RadUpload control code:

 <telerik:RadUpload ID="RadUpload1" runat="server" ControlObjectsVisibility="None" AllowedFileExtensions=".txt" > 
                            <Localization Select="" />  
  </telerik:RadUpload>

[Paul]

Hello B,

Please find attached a sample web application that shows the needed approach.

Regards,
Paul
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.