Center RadProgressArea on screen

4 posts, 0 answers
  1. Jan Mucha
    Jan Mucha avatar
    25 posts
    Member since:
    Aug 2012

    Posted 06 Mar 2011 Link to this post

    Please how to center RadProgressArea on screen with javascript function. Thank you.
  2.
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 07 Mar 2011 Link to this post

    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.
  5. Jan Mucha
    Jan Mucha avatar
    25 posts
    Member since:
    Aug 2012

    Posted 10 Mar 2011 Link to this post

    Hi I suppose this solution working only is it scrollbar on top position. I need solution for all scrolbar position.
    Thanks for your time
  7. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1268 posts

    Posted 17 Mar 2011 Link to this post

    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
    Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!
Back to Top