|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
I am using an AJAXUploader control as a custom item within a slider menu. I am finding that when the uploader is hosted in this way, clicking the browser button does not bring up the file selection dialog.
Another problem I am having is that any styles that I set the slider menu top group using NormalStyle-CssClass are being superceeded by the general TABLE styles in the application style sheet.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi, We will look into the first issue and see what we can do with it. As for the second one, it is working as expected. The general TABLE style supposes to apply on any TABLEs. Since we use TABLE internally, so there is no escape on that. The easiest solution would be modifying the general TABLE style and narrow the scope of the rule. Usually this can be done by changing the type selector to a more specific selector, such as an ID selector or a composite selector with more than one selecting criteria. You can find detailed information on selectors at here: http://www.w3.org/TR/REC-CSS2/selector.htmlThanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
Hi, thanks for the response.
Just to let you know that the second issue seems to be IE related. Works fine on Firefox and Opera.
Regards.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi, That might be normal. IE handles table differently than other browsers in quirk mode. In IE, in IE, style settings stops on a TABLE element. For example:
Code: HTML/ASPX
<div style="color:red">
<table>
<tr>
<td>this text won't be red in IE</td>
</tr>
</table>
</div>
I am not sure how this leads to the final problem but this causes a significant difference between IE and other browsers when it comes to TABLE. The easiest way is to switch the page into standard compliant mode. In any case, adjusting global style rules is almost always the easiest solution. Thanks PhilW wrote:Hi, thanks for the response.
Just to let you know that the second issue seems to be IE related. Works fine on Firefox and Opera.
Regards.
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
Ahh... thanks for the info. My mistake, but I was actually referring to the first issue of my post to do with nesting an AJAXUploader in a slide menu. Sorry for the confusion. Any info on that yet?
Regards
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi,
We looked into the first issue and it does work at here. So there must be something different between your code and ours. If you can post your code, we would be happy to take a look and see what we can find.
Thanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
Page code below... Works fine in Firefox, but browse button is not hooked up in IE7 <%@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm3.aspx.cs" Inherits="BulkUploadPOC2.WebForm3" %> <%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <eo:SlideMenu ID="workspaceSlideMenu" runat="server" Width="100%" ControlSkinID="None" SingleExpand="False" SlidePaneHeight="50"> <TopGroup> <Items> <eo:MenuItem ItemID="Upload_File" Text-Html="Upload File"> <SubMenu> <Items> <eo:MenuItem ItemID="Upload_File_Content" CustomItemID="Upload_File_CustomItem"> <CustomItem> <eo:AJAXUploader runat="server" ID="AJAXUploader1" Width="400px" TempFileLocation="~/eo_upload" MaxDataSize="30000"> </eo:AJAXUploader> </CustomItem> </eo:MenuItem> </Items> </SubMenu> </eo:MenuItem> <eo:MenuItem ItemID="Parse_File" Text-Html="Parse File"> </eo:MenuItem> </Items> </TopGroup> </eo:SlideMenu> </div> </form> </body> </html>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi,
The problem is caused by the width of the slide menu. Try give it the same width as the uploader (400px) and it should work.
Thanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
Tried this, and it hasn't worked, I'm afraid. Modified code below... <%@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm3.aspx.cs" Inherits="BulkUploadPOC2.WebForm3" %> <%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <eo:SlideMenu ID="workspaceSlideMenu" runat="server" Width="500px" ControlSkinID="None" SingleExpand="False" SlidePaneHeight="50"> <TopGroup> <Items> <eo:MenuItem ItemID="Upload_File" Text-Html="Upload File"> <SubMenu> <Items> <eo:MenuItem ItemID="Upload_File_Content" CustomItemID="Upload_File_CustomItem"> <CustomItem> <eo:AJAXUploader runat="server" ID="AJAXUploader1" Width="500px" TempFileLocation="~/eo_upload" MaxDataSize="30000"> </eo:AJAXUploader> </CustomItem> </eo:MenuItem> </Items> </SubMenu> </eo:MenuItem> <eo:MenuItem ItemID="Parse_File" Text-Html="Parse File"> </eo:MenuItem> </Items> </TopGroup> </eo:SlideMenu> </div> </form> </body> </html>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi,
Sorry about that! I was trying it without !DOCTYPE. And that appears to be the only solution that works. Would it be a problem for you to remove the DOCTYPE directive?
Thanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
I have tied that. I fixes the problem mentioned, but causes rendering problems. The text box and browse button of the old file upload control get rendered on top of the ajax ones. A page refresh sometimes fixes this, but then it will appear again after another page refresh. I would include a screen print of this, but not sure how...
Regards
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
... although that may have been when I had different widths set
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
That could be. I tried it with the same width value and it works without !DOCTYPE. PhilW wrote:... although that may have been when I had different widths set
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
No, the width setting doen't seem to make a difference. The following link shows a screen print of the problem I am talking about (I have exagerated the size of the browse button to better demonstrate the issue) Screen printThe page code is as follows. Note that the problem does not always occur, but will always appear after a couple of page refreshes... <%@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm3.aspx.cs" Inherits="BulkUploadPOC2.WebForm3" %> <%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %> <html> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <eo:SlideMenu ID="workspaceSlideMenu" runat="server" Width="400px" ControlSkinID="None" SingleExpand="False" SlidePaneHeight="50"> <TopGroup> <Items> <eo:MenuItem ItemID="Upload_File" Text-Html="Upload File" NormalStyle-CssText="background-color:#3b3b3b;color:Lavender;padding-left:5px;font-weight:bold;font-size:15px; "> <SubMenu> <Items> <eo:MenuItem ItemID="Upload_File_Content" CustomItemID="Upload_File_CustomItem"> <CustomItem> <eo:AJAXUploader runat="server" ID="AJAXUploader1" Width="400px" TempFileLocation="~/eo_upload" MaxDataSize="30000"> <BrowseButtonStyle CssText="WIDTH: 200px; HEIGHT: 50px; BACKGROUND-COLOR: #e9f2f8"></BrowseButtonStyle> </eo:AJAXUploader> </CustomItem> </eo:MenuItem> </Items> </SubMenu> </eo:MenuItem> <eo:MenuItem ItemID="Parse_File" Text-Html="Parse File" NormalStyle-CssText="background-color:#3b3b3b;color:Lavender;padding-left:5px;font-weight:bold;font-size:15px; "> </eo:MenuItem> </Items> </TopGroup> </eo:SlideMenu> </div> </form> </body> </html>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi,
We tried the same code and noticed that it's very sensitive --- sometimes it does work and sometimes it does not. So we will look into that and see what we can do.
You won't really be able to change the size of the browser button. You can change it's appearance, but it must remain the same size of the original button --- that is not the problem in this case, though.
Thanks
|
|
Rank: Advanced Member
Groups: Member
Joined: 8/24/2007
Posts: 130
|
Hi,
Just wondering if any progress has been made on this issue. I need to find a solution to this in my code shortly.
Regards.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi,
Unfortunately there hasn't been any yet. It's obviously a browser bug but we haven't found any way to work around it.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 10/17/2007
Posts: 13
|
I have sort of the same problem (the normal browse button is visible in IE, but not in Firefox) I use this code
Code: HTML/ASPX
<form id="Form1" method="post" runat="server">
<table border="1"><tr><td>
<eo:AJAXUploader runat="server" id="AJAXUploader1" Width="520px" TempFileLocation="~/eo_upload" MaxDataSize="30000">
<LayoutTemplate>
<TABLE cellSpacing="0" cellPadding="2" width="520" border="0">
<TR>
<TD colSpan="3">
<asp:PlaceHolder id="PostedFilesPlaceHolder" runat="server">Posted Files Place Holder </asp:PlaceHolder>
<asp:Button id="DeleteButton" runat="server" Text="Delete Selected Files"></asp:Button>
<p> </p>
</TD>
</TR>
<TR>
<TD width="99%">
<asp:PlaceHolder id="InputPlaceHolder" runat="server">Input Box Place Holder</asp:PlaceHolder>
</TD>
<TD>
<asp:Button id="UploadButton" runat="server" Text="Upload"></asp:Button>
</TD>
<TD>
<eo:ProgressBar id="ProgressBar" runat="server" ControlSkinID="None" Height="18px" Width="150px" BorderColor="#336699"
BorderStyle="Solid" BorderWidth="1px" IndicatorColor="151, 198, 232"></eo:ProgressBar>
</TD>
</TR>
</TABLE>
</LayoutTemplate>
</eo:AJAXUploader>
</td></tr>
</table>
Is it any way I can use tables and AJAXUploader at the same time?
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,083
|
Hi Nisse,
Check your .css files. Table alone should not cause the problem. In fact we use table in our demo as well.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 10/17/2007
Posts: 13
|
I am not using any css-files at the moment. This is another page (compete source) that shows the problem
Code: HTML/ASPX
<%@ Register TagPrefix="eo" Namespace="EO.Web" Assembly="EO.Web" %>
<HTML><body><form id="Form1" method="post" runat="server">
<table><tr><td>
<eo:AJAXUploader runat="server" id="AJAXUploader1" TempFileLocation="~/eo_upload" />
</td></tr></table></form></body></HTML>
I know that you can have tables inside the LayoutTemplate-tag. But I want to have tables outside the <eo:AJAXUploader> tags.
|
|