This is a migrated thread and some comments may be shown as answers.

RadAsyncUpload Not Scrolling with other items in page

4 Answers 34 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Roger
Top achievements
Rank 2
Iron
Iron
Iron
Roger asked on 04 Oct 2019, 03:26 PM

     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

Sort by
0
Roger
Top achievements
Rank 2
Iron
Iron
Iron
answered on 04 Oct 2019, 03:28 PM

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;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <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">&nbsp;</td>
                    </tr>
                </table>    
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <asp:HiddenField runat="server" ID="hfIndividualID" />
    </form>
</body>
</html>

0
Vessy
Telerik team
answered on 09 Oct 2019, 11:47 AM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Roger
Top achievements
Rank 2
Iron
Iron
Iron
answered on 09 Oct 2019, 12:33 PM

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

0
Accepted
Vessy
Telerik team
answered on 09 Oct 2019, 01:50 PM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
AsyncUpload
Asked by
Roger
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Roger
Top achievements
Rank 2
Iron
Iron
Iron
Vessy
Telerik team
Share this question
or