This is a migrated thread and some comments may be shown as answers.
Can I make Upload Progress float?
12 Answers 147 Views
This is a migrated thread and some comments may be shown as answers.
King Wilder
Top achievements
Rank 2
King Wilder asked on 28 May 2008, 12:33 AM
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

12 Answers, 1 is accepted

Sort by
0
King Wilder
Top achievements
Rank 2
answered on 30 May 2008, 01:46 AM
Should I take the silence as a "no"?  I would think this is possible though.
0
Veselin Vasilev
Telerik team
answered on 30 May 2008, 09:43 AM
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
0
King Wilder
Top achievements
Rank 2
answered on 30 May 2008, 05:02 PM
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.
0
Al O
Top achievements
Rank 1
answered on 18 Dec 2008, 06:45 PM
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.
0
Alex Gyoshev
Telerik team
answered on 22 Dec 2008, 12:06 PM
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.
0
Al O
Top achievements
Rank 1
answered on 22 Dec 2008, 05:56 PM
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.
 
0
Alex Gyoshev
Telerik team
answered on 29 Dec 2008, 08:12 AM
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.
0
Al O
Top achievements
Rank 1
answered on 29 Dec 2008, 04:52 PM
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
0
Alex Gyoshev
Telerik team
answered on 30 Dec 2008, 01:45 PM
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.
0
Al O
Top achievements
Rank 1
answered on 30 Dec 2008, 04:36 PM
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?
0
Alex Gyoshev
Telerik team
answered on 30 Dec 2008, 05:15 PM
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.
0
Robert
Top achievements
Rank 1
answered on 18 Nov 2011, 12:27 AM
How come, when i click anywhere on the page during upload. The upload stops?
Asked by
King Wilder
Top achievements
Rank 2
Answers by
King Wilder
Top achievements
Rank 2
Veselin Vasilev
Telerik team
Al O
Top achievements
Rank 1
Alex Gyoshev
Telerik team
Robert
Top achievements
Rank 1
Share this question
or