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

is there a way to add a icon/image to the upload button

3 Answers 245 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
randall
Top achievements
Rank 1
randall asked on 02 Jul 2011, 01:01 AM
Hi,
I'd like to add a custom "plus" graphic (16x16) png to the the upload button.
could someone point me to where to change the CSS or any other means to get this done.

thanks

3 Answers, 1 is accepted

Sort by
0
Peter Filipov
Telerik team
answered on 06 Jul 2011, 03:11 PM
Hi Randall,

Please use the following CSS to set the image of the Select button.
div.RadUpload_Default .ruButton
{
    background-image: url("e.g.: images/ruSprite.png");
}


Greetings,
Peter Filipov
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

0
randall
Top achievements
Rank 1
answered on 26 Oct 2011, 09:25 PM
i can't seem to get this to work
can you provide me some addition help

div.RadUpload_Default .ruButton
    {     
       background-image: url('/images/FileUploadButton.png') !important; 
    }


<div style="position:absolute;top:0px;left:0px;right:0px;height:20px;padding:10px;background-color:#f0f3f7;border-bottom:solid 1px black;font-size:10pt;vertical-align:middle;">
            <table style="border-collapse:collapse;width:100%;">
                <tr>
                    <td runat="server" style="padding:0px 8px 0px 0px;" valign="middle">
                        <telerik:RadAsyncUpload runat="server" ID="AsyncUpload1"
                            EnableInlineProgress="false" MaxFileInputsCount="1"
                            HttpHandlerUrl="~/ProtectedFileUploadHandler.ashx"
                            MultipleFileSelection="Automatic"
                            OnClientFileUploading="onClientFileUploading"
                            OnClientFileUploadFailed="onClientFileUploadFailed"
                            OnClientFilesUploaded="onClientFilesUploaded"
                            OnClientFileSelected="onClientFileSelected"
                            OnClientFilesSelected="onClientFilesSelected"
                            OnClientProgressUpdating="onClientProgressUpdating"
                            OnClientFileUploaded="onClientFileUploaded"
                            onfileuploaded="AsyncUpload1_FileUploaded"
                            Width="115px" EnableTheming="False" >
                            <Localization Select="Add File" />
                        </telerik:RadAsyncUpload>
                    </td>
0
Peter Filipov
Telerik team
answered on 28 Oct 2011, 11:35 AM
Hi Randall,

Please review the attached project. It shows how to change image of the Select button.

Regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
AsyncUpload
Asked by
randall
Top achievements
Rank 1
Answers by
Peter Filipov
Telerik team
randall
Top achievements
Rank 1
Share this question
or