Change the Appearence of RadAsyncUpload Control

A2H

I am trying to make some changes to the default appearance of RadAsyncUpload control. However I am unable to change the appearance. Basically I want to hide the Green dot icon which shows if file uploaded successfully or not and the Change the Red cross icon which shows along with the Remove option.(Please check the attached image for more details). I have tried with the below css style and unfortunately it didn't work. Could you please help me.

Magdalena

The green dot icon in the classic render mode can be removed by the following:

html .RadUpload .ruUploadSuccess {

background-image: none;

}

The red cross icon image is applied as a background image of the "remove" button in the classic render mode, so it is not possible to set its width and height without breaking the layout. The background image can be changed by the following CSS:

html .RadUpload .ruRemove {

background-image: url('/Images/DeleteImage.png');

background-position: -2px 0;

}

In the lightweight render mode, the icon has its own wrapper, so if you would like to use a sprite image, you can customize its width and height applying the following:

html .RadUpload .ruFileLI .ruButton.ruRemove:before {

content: "";

background-image: url('/Images/DeleteImage.png');

background-position: -2px 0;

width: 50px;

height: 14px;

}

The green dot icon in the lightweight render mode can be hidden by the following:

.ruUploadSuccess .radIcon {

display: none;

}

Regards,
Magdalena
Telerik

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

Magdalena

By default, the render mode is classic. We plan to make the lightweight render mode to be the default value, but for now if you would like to make a control lightweight, it is necessary to set the RenderMode property in the web.config:

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

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks or appropriate markings.