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

Center RadProgressArea on screen

3 Answers 153 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jan Mucha
Top achievements
Rank 1
Jan Mucha asked on 06 Mar 2011, 02:57 PM
Please how to center RadProgressArea on screen with javascript function. Thank you.

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 07 Mar 2011, 07:53 AM
Hello Jan,

I have found a forum which discussed similar scenario.There they achieved the same by setting the style properties like below.
aspx:
<telerik:RadProgressArea runat="server" ID="RadProgressArea1" Skin="Vista" style="position: absolute; top: 50% !important; left: 50% !important; margin: -93px 0 0 -188px;" />

This is the forum that I followed.
Can I make Upload Progress float?

Thanks,
Shinu.
0
Jan Mucha
Top achievements
Rank 1
answered on 10 Mar 2011, 11:34 AM
Hi I suppose this solution working only is it scrollbar on top position. I need solution for all scrolbar position.
Thanks for your time
0
Dimitar Terziev
Telerik team
answered on 17 Mar 2011, 04:03 PM
Hi Jan,

In order to overcome the problem, when there are scrollbars you should set "position:fixed", instead of "absolute":
<telerik:RadProgressArea ID="RadProgressArea1" runat="server" style="position: fixed; top: 50% !important; left: 50% !important; margin: -93px 0 0 -188px;">
        </telerik:RadProgressArea>

All the best,
Dimitar Terziev
the Telerik team
Tags
AsyncUpload
Asked by
Jan Mucha
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Jan Mucha
Top achievements
Rank 1
Dimitar Terziev
Telerik team
Share this question
or