4 Answers, 1 is accepted
0
Hi Kjell,
The blinking indicator is a background image. It can be moved as change its styles. The following css should do the trick:
Regards,
Hristo Valyavicharski
Telerik
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:
Thanks,
Shinu.
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