png image in place of RadAsycUpload

2 posts, 1 answers
  1. kedar
    kedar avatar
    10 posts
    Member since:
    Apr 2015

    Posted 13 May 2015 Link to this post

    i want to Show a .png  icon in place of RadAsycUpload control

    how i can set height using css ?




    div.RadUpload_Default .ruBrowse, div.RadUpload_Default .ruBrowse .ruButtonHover, .ruButton.ruButtonFocus      
    { background-image: url('../Images/Document-icon.png') !important;
    background-repeat: no-repeat;
    background-position: 0 -5px !important;
    width: 122px !important;
    background-size: 32px 32px;
    height: 132px !important;
    width: 32px !important;
    div.RadUpload_Default .ruFakeInput{display: none;
    display: none;


    <telerik:RadAsyncUpload runat="server" DisablePlugins="true" EnableInlineProgress="false" ID="AsyncUpload1" OnClientFileUploaded="OnClientFilesUploaded"<br>                    UploadedFilesRendering="BelowFileInput" MultipleFileSelection="Automatic" InputSize="20"><br>                    <Localization Select="" /><br>                </telerik:RadAsyncUpload>



  2. Answer
    Magdalena avatar
    412 posts

    Posted 14 May 2015 Link to this post


    Thank you for contacting Telerik support.

    Please, apply also the following CSS to customize the size of the AsyncUpload:
    html .RadUpload .ruFileWrap {
        height: 132px;
        width: 32px;

    We have noticed that you define the width attribute of the browser button two times, so you can remove the first one as it is overwrite by the second.

    Do not hesitate to contact us if you have other questions.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top