Is there a way to hide the textbox portion of the uploader completely? I tried hiding it by setting the display attribute to none in the CSS of the rendered control.


I just want to have one button that says "Browse for Report" and show the progress bar. An Image link button would be nice, but I can be happy with a standard HTML button.


1. In FireFox, this works fine. The input box is hidden, the browse button works fine.
2. In IE, it looks ok, but the button doesn't work, an invisible area to the right responds to the click to browse. I figured its your work around to dealing with the FileUpload scenario in asp.net.


<eo:AJAXUploader runat="server" id="auImageMedia" CssClass="file-upload"
TempFileLocation="~/temp" MaxDataSize="1000" Width="100%"
AllowedExtension=".jpg|.jpeg|.gif|.bmp|.png|.txt|.rtf|.doc|.docx|.ppt|.pptx|.xls|.xlsx"
MaxFileCount="1"
AutoUpload="true"
AutoPostBack="true"
PostedFileLabelFormat="{posted_file_name}"
onfileuploaded="auImageMedia_FileUploaded"

>
<LayoutTemplate>
<table style="width:500px !important;">
<tr>
<td valign="top">
<%-- these are controls required for upload but not required to be displayed --%>
<asp:PlaceHolder id="PostedFilesPlaceHolder" runat="server" Visible="false">Posted Files Place Holder </asp:PlaceHolder>
<asp:Button id="DeleteButton" runat="server" Text="Delete Selected Files" Visible="false"></asp:Button>
<asp:Button id="UploadButton" runat="server" Text="Upload" Visible="false"></asp:Button>
</td>


<td valign="top">
<asp:PlaceHolder id="InputPlaceHolder" runat="server" >Input Box Place Holder</asp:PlaceHolder>
</td>
<td valign="top">
<eo:ProgressBar id="ProgressBar" runat="server" ControlSkinID="None" Height="20px" Width="250" BorderColor="#336699"
BorderStyle="Solid" BorderWidth="1px" IndicatorColor="151, 198, 232"></eo:ProgressBar>
</td>
</table>
</LayoutTemplate>
</eo:AJAXUploader>