This is a migrated thread and some comments may be shown as answers.

Select button icon

3 Answers 72 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jane
Top achievements
Rank 1
Jane asked on 04 Sep 2013, 08:45 AM
Hi telerik support

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

Thanks and regards
Jane

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 04 Sep 2013, 10:13 AM
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.
0
Jane
Top achievements
Rank 1
answered on 04 Sep 2013, 04:18 PM
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.
0
Princy
Top achievements
Rank 1
answered on 05 Sep 2013, 04:37 AM
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.
Tags
AsyncUpload
Asked by
Jane
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Jane
Top achievements
Rank 1
Share this question
or