png image in place of RadAsycUpload

[KeDaR]

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;

  }

div.RadUpload_Default.ruFileInput

{

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>

 

 

[Magdalena]

Hello,

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.

Regards,
Magdalena
Telerik