Select button icon

4 posts, 0 answers
  1. Jane
    Jane avatar
    13 posts
    Member since:
    Aug 2013

    Posted 04 Sep 2013 Link to this post

    Hi telerik support

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

    Thanks and regards
    Jane
  2.
  3. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Sep 2013 Link to this post

    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.
  5. Jane
    Jane avatar
    13 posts
    Member since:
    Aug 2013

    Posted 04 Sep 2013 Link to this post

    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.
  7. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Sep 2013 Link to this post

    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.
  8.
Back to Top