Moving the blinking yellow?

Thread is closed for posting
5 posts, 0 answers
  1. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 14 Aug 2013 Link to this post

    By default the blinking yellow status icon is to the left side of the filename, how hard is it to move it to the right side?
  2. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 19 Aug 2013 Link to this post

    Hi Kjell,

    The blinking indicator is a background image. It can be moved as change its styles. The following css should do the trick:
    <style type="text/css">
        html .RadUpload .ruUploadProgress {
            padding-left: 0px;
            padding-right: 18px;
        }
        html .RadUpload .ruUploadSuccess {
            background-position: 100% 18%;
        }
        html .RadUpload .ruUploadFailure,
        .RadUpload .ruUploadCancelled {
            background-position: 100% 80%;
        }
    </style>


    Regards,
    Hristo Valyavicharski
    Telerik
    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 the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 04 Sep 2013 Link to this post

    Hi, thanks for your help but the above code did not work for me.  It just moved the progress dot so it was behind the filename (see screenshot).
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 05 Sep 2013 Link to this post

    Hi Kjell,

    Please have a look at the CSS I tried to fix your issue.

    CSS:
    <style type="text/css">
        html .RadUpload .ruUploadProgress
        {
            background-position: 100% center;
            padding-left: 5px;
            padding-right: 20px;
        }
        html .RadUpload .ruUploadSuccess
        {
            background-position: 100% 18%;
        }
        html .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled
        {
            background-position: 100% 80% !important;
        }
    </style>

    Thanks,
    Shinu.
  6. Kjell
    Kjell avatar
    276 posts
    Member since:
    Jun 2010

    Posted 05 Sep 2013 Link to this post

    thanks that worked
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017