I have put a RadAsynchUpload control in a table <TR><td> ...
When I scroll the web page with the table, the table and it's contents scroll, but the RadAsynchUpload does not. It's like it has an Absolute Position.
I have not set any CSS or other styling on that control. It is set up with it's default.
Any assistance would be appreciated.
Thanks,
Roger
4 Answers, 1 is accepted
Here is the HTML for the page in question:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Email Notification</title>
<style type="text/css">
.attachment-container {
display: inline-block;
background: #dddddd;
width: 940px;
padding: 10px 10px 10px;
position: relative;
}
body { overflow:hidden !important; }
</style>
<script type="text/javascript">
function OnClientLoad(editor, args) {
var style = editor.get_contentArea().style;
style.backgroundImage = "none";
style.backgroundColor = "white";
}
</script>
</head>
<body style="background-color:#EFEDE2;">
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<div style="overflow: auto; height: 540px;">
<asp:UpdatePanel ID="updtpnlMain" runat="server">
<ContentTemplate>
<table style="width:100%;">
<tr>
<td>
<asp:Panel runat="server">
<telerik:RadAsyncUpload id="RadAsyncUpload1" runat="server"
MultipleFileSelection="Automatic" HideFileInput="True" MaxFileInputsCount="10"
Width="100%" CssClass="StripFont" RenderMode="Lightweight">
<Localization Select="Attach" />
</telerik:RadAsyncUpload>
</asp:Panel>
</td>
</tr>
<tr>
<td style="width:10%">
<b>
<asp:Label runat="server" ID="lblSendTo" CssClass="ControlText" Text="Send To:"></asp:Label>
</b>
</td>
<td style="width:90%">
<asp:Label runat="server" ID="lblSendToAddress" Text="Gregoryteam@simmonsfirm.com"></asp:Label>
</td>
</tr>
<tr>
<td style="width:10%">
<b>
<asp:Label runat="server" ID="lblManualAddress" CssClass="ControlText" Text="CC:"></asp:Label>
</b>
</td>
<td style="width:90%">
<asp:TextBox runat="server" ID="txtManualEmail" MaxLength="250" Width="95%"></asp:TextBox>
</td>
</tr>
<tr>
<td>
<b>
<asp:Label runat="server" ID="lblSubject" CssClass="ControlText" Text="Subject:"></asp:Label>
</b>
</td>
<td>
<asp:TextBox runat="server" ID="txtSubject" MaxLength="250" Width="95%"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" />
<telerik:AccessibleRadEditor ID="RadEditor1" runat="server" RenderMode="Classic" Width="950px" OnClientLoad="OnClientLoad">
</telerik:AccessibleRadEditor>
</td>
</tr>
<tr>
<td align="left" colspan="2">
<label id="lblMessage" runat="server" style="color: red; font-size:larger; font-weight:bold; width:90%;" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Cancel" class="button" onclick="self.close();" style="width:75px;" />
<asp:Button runat="server" ID="btnSend" Width="75" Text="Send" CssClass="button" UseSubmitBehavior="false" onclick="btnSend_Click" OnClientClick="this.value='Sending...';this.disabled=true;" />
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<asp:HiddenField runat="server" ID="hfIndividualID" />
</form>
</body>
</html>
Hi Roger,
I tested the provided setup but the AsyncUpload is being scrolled successfully at my end. Can you share the version of the controls used in your application as well as in which browser and its version does the problem occurs?
You can see the video from my test below - can you take a look and see if I am leaving anything out?
https://www.screencast.com/t/XTeJDiN0cb
For convenience, I am also attaching my test project to this reply - are able to reproduce the same issue with it?
Regards,
Vessy
Progress Telerik
One thing I now remember that is different is we are having to run our app in Compatibility Mode in IE. So this control
is running in Compatibility mode. I have other Telerik Controls on that page that scroll just fine, it's just this RadAsyncUpload control that has the issue. Sometime after adding files, it just disappears.
Thanks,
Roger
Hi Roger,
I am afraid to say that but IE Compatibility mode triggers IE 7 and so our controls are not supported in it. You can see details about the browser versions in which our controls are tested and supported here:
https://www.telerik.com/aspnet-ajax/tech-sheets/browser-support
Regards,
Vessy
Progress Telerik