|
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"> <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> <asp:Button ID="dorpDeleteButton" runat="server" OnClick="DeletePhotoObject" Text="Delete" /></td> <td> </td> </tr> </asp:Panel> </table>
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
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
|
|
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...
|
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Ah...thanks for the update!
|
|