Hi
I am trying to add font icon to radasyncupload but it does not align well. Text and icon are not at same height as shown below.
As shown above,
the "Download Template" is a radbutton control with markup as <telerik:RadButton runat="server" ID="rbDownloadTemplate" Text="Download Template"
k" RenderMode="Lightweight">
<Icon PrimaryIconCssClass="rbDownload"></Icon>
</telerik:RadButton>
the "Upload data" is a radasyncupload control with markup as <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="rauUploadFile" ClientIDMode="Static"
MaxFileInputsCount="1" MultipleFileSelection="Disabled" DropZones=".DropZone1"
AllowedFileExtensions="xls,xlsx,csv"
OnFileUploaded="rauUploadFile_FileUploaded"
OnClientFileUploaded="rauUploadFile_OnClientFileUploaded"
OnClientValidationFailed="rauGeneric_OnClientValidationFailed" HideFileInput="true" CssClass="uploadButton" AriaSettings-Label="lbl">
<Localization Select="Upload data" />
<FileFilters>
<telerik:FileFilter Extensions="xls,xlsx,csv" />
</FileFilters>
</telerik:RadAsyncUpload>
and my custom css to hide upload input and other settings
.ruBrowse::before {
content: "\e133" !important;
font: 16px/1 "WebComponentsIcons" !important;
}
.uploadButton {
display: inline !important;
position: relative !important;
}
.uploadButton ul {
display: inline !important;
}
div.RadUpload .ruFakeInput {
visibility: hidden !important;
width: 0px !important;
padding: 0px !important;
}
Can you please help in adding the font icon to asyncupload and look same as radbutton font icon
Thank you.