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

Changing success/fail image (red and green circles)

3 Answers 69 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
MS
Top achievements
Rank 1
MS asked on 19 Jun 2012, 08:02 PM
How can these images be changed?  They used to be an x and a check box in older versions (a lot better) but are now just circles which causes accessibility issues for color blind users... how can we change the images to something else?  I can't find a property and can't seem to overwrite the css.

Thanks in advance,
MS

3 Answers, 1 is accepted

Sort by
0
MS
Top achievements
Rank 1
answered on 20 Jun 2012, 09:02 PM
Anyone?  This should be basic functionality and is kind of broken as is... if you need to be 508 compliant etc.


Mirek
0
Accepted
Bozhidar
Telerik team
answered on 22 Jun 2012, 08:02 AM
Hello Mirek,

Here is the css modification you have to make to show your own custom icons instead of the default upload success and failure icons:
.ruUploadProgress.ruUploadSuccess
{
    background-image:url("success.gif") !important;
}
         
.ruUploadProgress.ruUploadFailure
{
    background-image:url("failure.gif") !important;
}

That's assuming the icons are located in the same folder as the page itself. Hope this is helpful.
 
All the best,
Bozhidar
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.
0
MS
Top achievements
Rank 1
answered on 22 Jun 2012, 03:33 PM
Thanks Bozhidar, exactly what I was looking for.

Tags
AsyncUpload
Asked by
MS
Top achievements
Rank 1
Answers by
MS
Top achievements
Rank 1
Bozhidar
Telerik team
Share this question
or