Can I make Upload Progress float?

Thread is closed for posting
13 posts, 0 answers
  1. King Wilder
    King Wilder avatar
    240 posts
    Member since:
    Oct 2007

    Posted 27 May 2008 Link to this post

    Is there a way to float the upload progress area above the page so it doesn't take up space on the page?

    Thanks,
    KWilder
  2. King Wilder
    King Wilder avatar
    240 posts
    Member since:
    Oct 2007

    Posted 29 May 2008 Link to this post

    Should I take the silence as a "no"?  I would think this is possible though.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Veselin Vasilev
    Admin
    Veselin Vasilev avatar
    2992 posts

    Posted 30 May 2008 Link to this post

    Hello King Wilder,

    Have you tried setting the style of the progress area like this:

    <telerik:RadProgressArea ID="RadProgressArea1"  
        style="position:absolute;top:150px;left:29px;" 
        runat="server"
    </telerik:RadProgressArea> 

    I hope this helps.

    All the best,
    Veskoni
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. King Wilder
    King Wilder avatar
    240 posts
    Member since:
    Oct 2007

    Posted 30 May 2008 Link to this post

    It worked!

    There wasn't any Intellisense for "style" so I didn't think it was available.

    I went a little further and was able to set it to float above the page, centered in the page from top to bottom, and left to right. 

    <rad:RadProgressArea ID="RadProgressArea1"  
        runat="server"  
        style="position: absolute;  
            top: 50%;  
            left: 50%;  
            margin: -93px 0 0 -188px;"> 
    </rad:RadProgressArea> 

    It's positioned absolutely on the page and halfway down the page from the top, and halfway across the page from the left. If you just have the 50% values, then the progress area will appear lower and more to the right than you want since the position is relative to the upper left corner of the area.

    So to center the progress area, you have to know the dimensions of the area you want to center.  You need to divide in half the height and width of the area to have it centered properly.

    I figured out (via Firefox Developer toolbar) that the dimensions are 374px wide and 186px high. I divide each of those values in half (and round up to a whole number) and those are the negative values from the top and left.

    Then the progress area is centered on the page.

    Thanks for the little push.  :^)

    I hope this helps others.
  6. Al O
    Al O avatar
    5 posts
    Member since:
    Sep 2007

    Posted 18 Dec 2008 Link to this post

    Has anybody noticed that this doesn't work anymore with the latest version (2008 Q3)?  It used to float and be centered but now it is in the upper left corner.
  7. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 22 Dec 2008 Link to this post

    Hello Al,

    We've tested the work-around locally and it did work; please find attached the sample page used for testing.

    [EDIT] The progress area in the page contains a "display: block" CSS property for demonstration only - it makes it "always-visible"

    Could you provide a live URL or a sample page that demonstrates the problem?

    Sincerely yours,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  8. Al O
    Al O avatar
    5 posts
    Member since:
    Sep 2007

    Posted 22 Dec 2008 Link to this post

    I took your example page and placed it in my web site.  The example did not work for me.

    When the "display: block" CSS property is there it shows the progress area floating in the middle of the screen.  When I remove the "display: block", the progress is displayed in the upper left corner.
     
  9. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 29 Dec 2008 Link to this post

    Hello Al,

    I am sorry for mis-guiding you. The following is the correct RadProgressArea declaration (!important on top and left coordinates, no display property):

    <telerik:RadProgressArea runat="server" ID="RadProgressArea1" Skin="Vista" style="position: absolute; top: 50% !important; left: 50% !important; margin: -93px 0 0 -188px;" />

    I am attaching the modified sample page.

    Regards,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  10. Al O
    Al O avatar
    5 posts
    Member since:
    Sep 2007

    Posted 29 Dec 2008 Link to this post

    For some reason the sample page still isn't centering.  It centers when in design mode in VS 2008, but not when displayed in the browser using the development web server or IIS.

    Do you think there is an issue with my environment?  Maybe it would make sense to send me an example containing the complete website project.

    I know this used to work in a previous version so it's hard to understand what happened.

    Thanks for your continued support.

    Al
  11. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 30 Dec 2008 Link to this post

    Hello Al,

    It seems that there is some difference between the style attribute rendering in different versions of the assembly. Nevertheless, check the attached example website - it should work fine on your side.

    Greetings,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  12. Al O
    Al O avatar
    5 posts
    Member since:
    Sep 2007

    Posted 30 Dec 2008 Link to this post

    Moving the !important property to the page level seems to work.  Is the assembly going to be fixed so this will also work when at the control level?
  13. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 30 Dec 2008 Link to this post

    Hello Al,

    It's fixed in the latest release.

    Best wishes,
    Alex
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  14. Robert
    Robert avatar
    1 posts
    Member since:
    May 2011

    Posted 17 Nov 2011 Link to this post

    How come, when i click anywhere on the page during upload. The upload stops?
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017