How can I change the remove link to a button in AsyncUpload

[Gary]

I am using a Rad AsyncUpload control and our customers do not like the Remove link that shows up in the list of upload files.  They want buttons instead.  Does anyone know how to transform these links to buttons that say remove.

Thanks,

GR Graham

[Cori]

Hello Gary,

Try to apply this class style to you RadUpload control:

.normalRemoveButton .ruRemove
{
    background-position: 0px -23px !important;
    font-size: 11px !important;
    padding: 0 !important;
    width: 79px !important;
}

Apparently the remove linkbutton's are just image overlayed on top of a button. This styles just reverts it to the base button style used by the rest of the control, used by add/delete.

I hope that helps.

[Gary]

Thank you Cori, 

I will give that a try and let you know when I have.  May be a couple of days tho - been pulled on to something else.

Gary

[Gary]

Cori,

I tried adding that style and it does not seem to have made any difference.  I tried programatically adding it to the page head as in: 

 

Page.Header.Controls.Add(new LiteralControl(

 @"<style type='text/css'>

 /*RADAsyncUpload remove button*/

 .normalRemoveButton.ruRemove

 {

 background-position: 0px -23px !important;

 font-size: 11px !important;

 padding: 0 !important;

 width: 79px !important;

 }

 </style>"));

 

and I also tried to add the style to our default css file .

neither way seemed to change the remove linkbutton to a standard button.  Any suggestions?

Thanks,

Gary 

 

 

[Cori]

Hello Gary,

Did you apply the class on the RadUpload control? Like so:

<telerik:RadUpload ID="RadUpload1" runat="server" CssClass="normalRemoveButton">
</telerik:RadUpload>

I tried it myself and it works on my end.

[Mukesh]

Hi Cori

I have also same issue with "RadAsyncUpload", there is no any impact on style of remove link, my code is as follows:
HTML

<telerik:RadAsyncUploadID="RadAsyncUpload1" runat="server" CssClass="normalRemoveButton">

</telerik:RadAsyncUpload>

CSS

.normalRemoveButton.ruRemove

{

    background-position: 0px -23px !important;

    font-size: 11px !important;

    padding: 0 !important;

    width: 79px !important;

}


Please suggest me the solution.


Thanks
Mukesh


[Cori]

Hello Mukesh,

Try adding a space between the class names. Like so:

.normalRemoveButton .ruRemove

I hope that helps.

[Mukesh]

Thanks Cori

This has solved my problem. Thank you so much..

[james knight]

Thanks heaps Cori.. That works perfectly.