Hi,
First, THANK you for the great Ajax upload control. The most flexible and feature-rich control I have found so far (compared to 6 competing products.)
Ok, so the problem appears in IE when I display a EoDialog containing the uploader control. Both the textbox and browse button are not showing, they are there as I can click in their location and the browse dialog will display, but the selected file won't show in the hidden textbox. Actually, the area where the textbox and button should reside appears see-through (you can see through it the controls behind the dialog!) The upload works just fine, but I can foresee that users will be confused :-)
Would you be able to suggest a solution so that it does display within both Firefox and IE?
**** HTML code below ****
Note that the dialog is displayed via a javascript function uploadDocument()
Thank you in advance
Ali M
Code: HTML/ASPX
<script id="igClientScript" type="text/javascript">
<!--
function uploadDocument(docid)
{
var dlg = eo_GetObject("Dialog1");
var x = $get("uploaddocid");
x.innerHTML = docid;
dlg.show(true);
dlg.move(Mousex+ 10, Mousey - 10);
}
function cancel_upload()
{
var uploader = eo_GetObject("AJAXUploader1");
if (uploader.isRunning()==true)
{ uploader.cancel(); }
var dlg = eo_GetObject("Dialog1");
dlg.close();
}
// -->
</script>
<eo:Dialog id="Dialog1" runat="server" Height="200px" Width="300px" AllowResize="True" BorderColor="#335C88" BorderStyle="Solid" BorderWidth="1px" CloseButtonUrl="00070101" ControlSkinID="None" HeaderHtml="Dialog Title" MinimizeButtonUrl="00070102" ResizeImageUrl="00020014" RestoreButtonUrl="00070103" ShadowColor="LightGray" ShadowDepth="3">
<headerstyleactive csstext="padding-right: 4px; padding-left: 4px; font-size: 11px; background-image: url(00070104); padding-bottom: 3px; padding-top: 3px; font-family: tahoma"></headerstyleactive>
<footerstyleactive csstext="background-color: #e5f1fd; padding-bottom: 8px;"></footerstyleactive>
<contenttemplate>
<eo:AJAXUploader id="AJAXUploader1" runat="server" Width="350px" ClientSideOnDone="uploadComplete" BorderStyle="None" BorderColor="silver" BorderWidth="1px" AutoPostBack="True" MaxFileCount="1" UploadButtonText="upload me">
<BrowseButtonStyle CssText="background-color:#e0e0e0;background-image:url('~/images/_browse.png');font-family:tahoma;font-size:10px;" ></BrowseButtonStyle>
<LayoutTemplate>
<table border="0" cellpadding="2" cellspacing="0" width="350">
<tr>
<td class="boxheader" style="height: 25px">Upload file to document <span id="uploaddocid"></span></td>
</tr>
<tr>
<td class="infotext">Select a document file via the Browse button and click on the Upload button to upload it...</td>
</tr>
<tr>
<td>
<asp:TextBox ID="docdesc" runat="server" OnTextChanged="docdesc_TextChanged" Width="225px"></asp:TextBox>
</td>
</tr>
<tr>
<td style="width: 340px">
<span style="z-index:1000"><asp:PlaceHolder ID="InputPlaceHolder" runat="server">Input Box Place Holder</asp:PlaceHolder></span>
</td>
</tr>
<tr>
<td align="right" style="width: 340px">
<asp:ImageButton ID="UploadButton" runat="server" ImageUrl="~/images/_upload.png" /></td>
</tr>
<tr>
<td style="width: 340px">
<eo:ProgressBar ID="ProgressBar" runat="server" ControlSkinID="Windows_XP">
</eo:ProgressBar>
<a href="javascript:cancel_upload();"><img src="images/btn_cancel.gif" alt="cancel" border="0" /></a>
</td>
</tr>
<tr>
<td style="width: 340px;font-size:10px;font-family:Tahoma;">
<asp:PlaceHolder ID="ProgressTextPlaceHolder" runat="server">Progress Text Place Holder
</asp:PlaceHolder>
</td>
</tr>
</table>
</LayoutTemplate>
<TextBoxStyle CssText="background-color:whitesmoke;color:darkgray;font-family:tahoma;font-size:10px;" ></TextBoxStyle>
</eo:AJAXUploader>
</contenttemplate>
<contentstyleactive csstext="border-top: #335c88 1px solid; background-color: #e5f1fd"></contentstyleactive>
</eo:Dialog>