Welcome Guest Search | Active Topics | Sign In | Register

Strange uploader problem, showing two upload boxes Options
Peter
Posted: Wednesday, October 10, 2007 4:36:02 AM
Rank: Newbie
Groups: Member

Joined: 10/10/2007
Posts: 2
I have a strang problem using the AJAXuploader control. It seems to paint the file-select box wrong. I see two boxes painted on top of each other... It looks like this:



I have several AJAXUpload components on one page. Sometimes some of them show the defect. I have no problems in Firefox...

This is my code of one of them:
Quote:

<table style="width: 534px">
<tr>
<td colspan="2" style="text-align: center; width: 345px;" class="photorow">
Photo of the village</td>
</tr>
<tr>
<td colspan="2" style="width: 345px">
&nbsp;
<eo:AJAXUploader ID="DorpUploader" runat="server" Width="515px" AutoPostBack="True" OnFileUploaded="Uploader_FileUploaded" AllowedExtension=".jpg|.jpeg" MaxDataSize="2000" ClientSideOnError="CustomErrorHandler">
<LayoutTemplate>
<table border="0" cellpadding="2" cellspacing="0" style="width: 504px">
<tr>
<td style="width: 471px">
<asp:PlaceHolder ID="InputPlaceHolder" runat="server">Input Box
Place Holder</asp:PlaceHolder>
</td>
<td>
<asp:Button ID="UploadButton" runat="server" Text="Upload" /></td>
</tr>
<tr>
<td colspan="2">
<eo:ProgressBar ID="ProgressBar" runat="server" ControlSkinID="Windows_XP">
</eo:ProgressBar>
</td>
</tr>
</table>
</LayoutTemplate>
</eo:AJAXUploader>
</td>
</tr>

<asp:Panel ID="dorpPanel" runat="server">

<tr>
<td>
Current photo:</td>
<td>
<asp:HyperLink ID="dorpHyperLink" runat="server" Target="_blank"><asp:Image ID="dorpPhoto" runat="server" Width="150px"/></asp:HyperLink>&nbsp;<asp:Button ID="dorpDeleteButton" runat="server" OnClick="DeletePhotoObject"
Text="Delete" /></td>
<td>
</td>
</tr>
</asp:Panel>
</table>
eo_support
Posted: Wednesday, October 10, 2007 6:56:15 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Hi Peter,

Check your styles (.css class such as "photorow", etc). It can cause problems if they have something like "%100". The easiest way to verify this is to temporarily comment out your .css file. We tried your code at here without any of your CSS class and it worked fine.

Thanks
Peter
Posted: Wednesday, October 10, 2007 1:50:43 PM
Rank: Newbie
Groups: Member

Joined: 10/10/2007
Posts: 2
I solved the problem... I had a javascript handling the clientsideonerror event. The javascript code was, however, above my <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> tag.

Somehow this triggered the strange behaviour...
eo_support
Posted: Wednesday, October 10, 2007 1:53:43 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Ah...thanks for the update!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.