Can I make Upload Progress float?

[King Wilder]

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

[King Wilder]

Should I take the silence as a "no"?  I would think this is possible though.

[Veselin Vasilev]

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

[King Wilder]

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.

[Al O]

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.

[Alex Gyoshev]

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.

[Al O]

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.
 

[Alex Gyoshev]

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.

[Al O]

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

[Alex Gyoshev]

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.

[Al O]

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?

[Alex Gyoshev]

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.

[Robert]

How come, when i click anywhere on the page during upload. The upload stops?