Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

bug with modal dialog, IE7 and multiple pages of data

8 Answers 165 Views
Window
This is a migrated thread and some comments may be shown as answers.
gerry
Top achievements
Rank 1
gerry asked on 08 May 2008, 02:33 PM
I originally posted this in the wrong forum.
==
Go to the RadWindow example 'Returning Values from a Dialog' and modify the DeafultCS.aspx file to add the following lines BEFORE the <qsf::footer ... tag.

<

table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>

<tr><td>...</td></tr>
<tr><td>180</td></tr>
</table>

Add a total of 180 rows of data to the table.  When you view the page what you should see is that most of the page has the grey background but you can' tsee any of the content.  Additionally if you mouse over some of the elements you will see content show itself briefly.

This bug only appears to occur on IE7--Firefox 2 and Safari 3 seem to be ok.

Gerry



Contact Us | Site Feedback | Terms of Use
Telerik Inc., 275 Grove Street, 4th Floor, Newton MA 02466.

Copyright 2002-2008 © Telerik

8 Answers, 1 is accepted

Sort by
0
Georgi Tunev
Telerik team
answered on 10 May 2008, 09:08 AM
Hi Gerry,

I have already answered your other forum post: http://www.telerik.com/community/forums/thread/b311D-bdgeta.aspx



Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
gerry
Top achievements
Rank 1
answered on 10 May 2008, 12:23 PM
Georgi,

I originally posted that in the RadControls for ASP.NET which was incorrect.  The bug actually occurs with the lastest Q1 release of ASP.NET Ajax release.

Did you test this with the Ajax.net release?

I'm attaching the complete source code for the file.  Just overlay this in your 'DialogReturnValue' directory.

Gerry
=================

<%@ Page AutoEventWireup="false" Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Window.DialogReturnValue.DefaultCS" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart"  %>
<%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
  <qsf:HeadTag runat="server" ID="Headtag1"></qsf:HeadTag>
  <!-- custom head section -->
  <!-- end of custom head section -->
 </head>
 <body class="BODY">
  <form runat="server" id="mainForm" method="post" style="WIDTH:100%">
   <qsf:header id="Header1" runat="server" navigationlanguage="c#"/>
   <asp:ScriptManager id="ScriptManager" runat="server" />
   <div class="module" style="width:80%;">
    <b>Returning Values From a Dialog</b>
    <br/><hr/><br/>
    <script  type="text/javascript">
    //<![CDATA[
    //show the window
    function showDialog()
    {     
     //Force reload in order to guarantee that the onload event handler of the dialog which configures it executes on every show.
     var oWnd = window.radopen(null, "DialogWindow");
     oWnd.setUrl(oWnd.get_navigateUrl());
    }
    
    //Called when a window is being shown. Good for setting an argument to the window
    function OnClientshow(radWindow)
    {     
     //Get current content of textarea
     var oText = document.getElementById("InfoArea").value;
     
     //Create a new Object to be used as an argument to the radWindow
     var arg = new Object();     
     //Using an Object as a argument is convenient as it allows setting many properties.
     arg.TextValue = oText;
     arg.Color = "red";
     arg.BackColor = "yellow";
          
     //Set the argument object to the radWindow  
     radWindow.Argument = arg;
    }
                      
    function CallBackFunction(radWindow, returnValue)
    {
     var oArea = document.getElementById("InfoArea");
     if (returnValue) oArea.value = returnValue;
     else alert ("No text was returned");
    }
    
    // Called when a window is being closed.
    function OnClientclose(radWindow)
    {     
     //Another option for passing a callback value
     //Set the radWindow.argument property in the dialog
     //And read it here --> var oValue = radWindow.argument;          
     //Do cleanup if necessary
    } 
    //]]>   
    </script>
    Text to be modified from the dialog:
    <br/>
    <textarea id="InfoArea" rows="5" cols="40">Text here will be sent to the dialog....</textarea>
    <br/><br/>
    <button onclick="showDialog();return false;" class="button" style="width:250px;">Show dialog (force dialog refresh)</button>        
    (open by client script)
    <br /><br />
    <asp:Button Runat="server" ID="ServerButton" Text="Show dialog (do not force dialog reload)" cssclass="button" style="width:250px;"></asp:Button>
    (Server-side binding)
    
    <br /><br />
    The modal RadWindow object is set to reload each time it is being shown (using ReloadOnShow = true), so that its onload configuration handler would execute.
    By default, window pages are cached for improved performance, and are not reloaded when a window is made visible.
    <telerik:RadWindowManager
     id="Singleton"
     runat="server">
     <windows>
      <telerik:RadWindow id="DialogWindow"
          Behaviors="Close"
       Skin="Vista"
       ReloadOnShow = "true"
             ClientCallBackFunction="CallBackFunction"
             OnClientshow = "OnClientshow"
             OnClientclose = "OnClientclose"
       openerElementId = "<%# ServerButton.ClientID %>"
             OffsetElementId = "InfoArea"        
                Left="250px"
       Modal = "true"
       Runat="server"
       Width="270px"       
       Height="250px"
       Title="User List Dialog"
       NavigateUrl="./Dialog.aspx">
      </telerik:RadWindow>
     </windows>
    </telerik:RadWindowManager>
   </div>
<table>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
 <tr><td>1</td></tr>
</table>
   <qsf:footer runat="server" id="Footer1"/>
  </form>

 </body>
</html>


0
Georgi Tunev
Telerik team
answered on 10 May 2008, 02:01 PM
TestDemo.zip
Hi Gerry,

I tested the problem with both ASP.NET and ASP.NET AJAX versions of the RadWindow control and everything worked as expected. I attached a small movie that shows what I see - can you please let me know if I am missing something?




Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
gerry
Top achievements
Rank 1
answered on 11 May 2008, 03:01 AM
Georgi,

What I see on my system is when I click on the button to display the dialog that the whole content page goes gray (I can not see anything) with the dialog mapped over this gray page.  If I mouse over the the text box or the buttons they show up but nothing else.

Are you testing this with IE7?  My version is 7.0.6001.17042.

If I could upload a photo I would send you my screen shot.

Thanks,
Gerry
0
gerry
Top achievements
Rank 1
answered on 12 May 2008, 02:09 AM
Georgi,

Perhaps you could add more data to the table?  e.g. more rows?  I found that it depended upon the number of rows of data (if too few it wouldn't mess up).

Gerry
0
Georgi Tunev
Telerik team
answered on 12 May 2008, 12:43 PM
ModalBackgroundTest.zip
Hi Gerry,

Yes, you are right - I was able to reproduce the problem locally with a table with about 3000 rows (I suspect it depends on the particular machine and the DirectX version that is used). The reason for the problem however is not in the RadWindow control but in the browser itself. To prove my point I prepared a small sample page without our controls where you can observe the same behavior. Basically the Javascript there does the same thing as when we are showing a modal RadWindow - it uses a DIV element with filtering to provide the semi-transparency.

Since this is a browser problem and we cannot fix it on our side, can you please let me know what is your exact, real-world scenario where you experiencing this problem? It will be best if you open a support ticket and send us a sample application which reproduces your setup. We will check it and try to find an appropriate workaround if possible.



Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
gerry
Top achievements
Rank 1
answered on 12 May 2008, 02:54 PM
Georgi--please check ticket 137456.  I submitted a sample page with only about 200 rows of data.

Thanks,
Gerry
0
Georgi Tunev
Telerik team
answered on 13 May 2008, 12:13 PM
Hi Gerry,

Thank you for the project - I will check it right away.



All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
Tags
Window
Asked by
gerry
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
gerry
Top achievements
Rank 1
Share this question
or