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

Moving the blinking yellow?

4 Answers 104 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Kjell asked on 15 Aug 2013, 04:01 AM
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?

4 Answers, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 19 Aug 2013, 03:02 PM
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.
0
Kjell
Top achievements
Rank 1
answered on 05 Sep 2013, 12:39 AM
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).
0
Shinu
Top achievements
Rank 2
answered on 05 Sep 2013, 12:07 PM
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.
0
Kjell
Top achievements
Rank 1
answered on 05 Sep 2013, 05:07 PM
thanks that worked
Tags
Upload (Obsolete)
Asked by
Kjell
Top achievements
Rank 1
Answers by
Hristo Valyavicharski
Telerik team
Kjell
Top achievements
Rank 1
Shinu
Top achievements
Rank 2
Share this question
or