bug with modal dialog, IE7 and multiple pages of data

9 posts, 0 answers
  1. gerry
    gerry avatar
    48 posts
    Member since:
    May 2007

    Posted 08 May 2008 Link to this post

    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



  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 10 May 2008 Link to this post

    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
  3. gerry
    gerry avatar
    48 posts
    Member since:
    May 2007

    Posted 10 May 2008 Link to this post

    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>


  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 10 May 2008 Link to this post

    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
  5. gerry
    gerry avatar
    48 posts
    Member since:
    May 2007

    Posted 10 May 2008 Link to this post

    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
  6. gerry
    gerry avatar
    48 posts
    Member since:
    May 2007

    Posted 11 May 2008 Link to this post

    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
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 12 May 2008 Link to this post

    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
  8. gerry
    gerry avatar
    48 posts
    Member since:
    May 2007

    Posted 12 May 2008 Link to this post

    Georgi--please check ticket 137456.  I submitted a sample page with only about 200 rows of data.

    Thanks,
    Gerry
  9. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 13 May 2008 Link to this post

    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
Back to Top