Select button icon

[Jane]

Hi telerik support

Can someone help me to add a small icon to the uploads SELECT button?

Thanks and regards
Jane

[Princy]

Hi Jane,

The "Select" button is rendered as an input element with the  CSS class ".ruBrowse". You can try overriding the CSS like below to override the default appearance.

CSS:

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

Thanks,
Princy.

[Jane]

hi princy. thanks for helping me. But after applying the CSS, its not looking like a button. The added image and text is only displayed and found the sprite image being replaced. So I thought of adding as an image button but now the text is interfering and giving it a weird look.

[Princy]

Hi Jane,

Please use the following MarkUp to remove the "select" text from the button.

ASPX:

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server">
          <Localization Select="" />
</telerik:RadAsyncUpload>

Thanks,
Princy.