Changing success/fail image (red and green circles)

4 posts, 1 answers
  1. MS
    MS avatar
    5 posts
    Member since:
    Jun 2012

    Posted 19 Jun 2012 Link to this post

    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
  2. MS
    MS avatar
    5 posts
    Member since:
    Jun 2012

    Posted 20 Jun 2012 Link to this post

    Anyone?  This should be basic functionality and is kind of broken as is... if you need to be 508 compliant etc.


    Mirek
  3. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    1188 posts

    Posted 22 Jun 2012 Link to this post

    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.
  4. MS
    MS avatar
    5 posts
    Member since:
    Jun 2012

    Posted 22 Jun 2012 Link to this post

    Thanks Bozhidar, exactly what I was looking for.

Back to Top