Support forums - AjaxUpload progress bar distortsing my table. What can I do to fix?

Support forums » Products » Ajax Uploader » Re: AjaxUpload progress bar distortsing my table. What can I do to fix?

AjaxUpload progress bar distortsing my table. What can I do to fix?

Last post 05-05-2010, 11:36 AM by vmhatup. 2 replies.


	Sort Posts: Previous Next

05-05-2010, 9:45 AM 60727

vmhatup
Joined on 04-23-2010
Posts 3

AjaxUpload progress bar distortsing my table. What can I do to fix?

Reply Quote

When I select the files to upload, the progress bar will distort the table where the button is. Basically, it expands the row so that the progress bar fits into the table. I need the progress bar to display under the table.

In my example, you'll see how the table row will expand according to the amount of files.

I'm not even sure why the progressbars are displayed there, since the UploadAttachments control is outside the table.

Here's the code. It's very short: Thanks.

<%@ Page Language="C#" %>

<script runat="server">
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
<table style="width: 200px">
    <tr style="height:39px; background-color:Red">
        <td>
            <asp:Button ID="button_select" runat="server" Text="Button" />
        </td>
    </tr>
</table>
<CuteWebUI:UploadAttachments ID="UploadAttachments1" runat="server"
    MaxFilesLimit="8" TempDirectory="UploaderTemp_server"
    AttachmentTableStyle="display:none" InsertButtonID="button_select">
</CuteWebUI:UploadAttachments>
    </div>
    </form>
</body>
</html>

05-05-2010, 10:50 AM 60732 in reply to 60727

cutechat
Joined on 07-22-2004
Posts 2,332

Re: AjaxUpload progress bar distortsing my table. What can I do to fix?

Reply Quote

Hi,

Uploader will show the progress panel after the Uploader control.

If you want to move it to another place, please try this :

<CuteWebUI:Uploader ID="Uploader1" runat="server" ProgressCtrlID="Panel1" ProgressTextID="Label1"></CuteWebUI:Uploader>
<asp:Panel ID="Panel1" runat="server">

<asp:Label ID="Label1" runat="server"></asp:Label>

</asp:Panel>

Regards,
Terry

05-05-2010, 11:36 AM 60741 in reply to 60732

vmhatup
Joined on 04-23-2010
Posts 3

Re: AjaxUpload progress bar distortsing my table. What can I do to fix?

Reply Quote

Were you able to test with the code posted?

I'm using the UploadAttachments while you're using the uploader control. I need to be able to select several files at once.

Regardless, I did test your code, and the result is the same. The progress bar is at the bottom, but the file information displayed after it was uploaded is displayed in my table, and therefore distorting it.

The progress bar is not the problem, it's the file information after it has completed uploading. Take a look at the screenshot:

http://i43.tinypic.com/2vxg18m.gif

Thanks.