BUG: RadWindow "modal is not really modal" ...see demo attached!

5 posts, 0 answers
  1. New
    New avatar
    9 posts
    Member since:
    May 2009

    Posted 17 Sep 2009 Link to this post

    EDIT: my ASP.NET AJAX version is 2009.1 ...after some tests I saw that this problem appears only in IE8... and then I found this thread ...it explains that is a IE8 bug and there isn't workaround and to solve it we need to update the ASP.NET AJAX RadControls.
    ...I downloaded the trial version of 2009.2, for a rapid check of this solution, and now it works!

    I hope this help! ;-)


    Hi all,

    I found a big problem... in few words if I have a RadComboCox in RadWindow... when I try to use the RadComboBox with the mouse, if there are a component in main page and in the same position of RadComboBox then the RadWindows acts as if it were not modal!

    I made a simple test project... I can't attach it then follow the code of the 2 simple pages (Defaut.aspx and PopUp.aspx)

    This is a Screenshot of the problem.

    NOTE: the issue appears only interact with the RadComboBox on RadWindow... to reproduce this issue you need to positionate the RadWindow in mean that the inside RadComboBox is over a component of the main page (as in the screenshot).

    This is the Default.aspx (nothing in code behind)

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
    <!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>RadWindow "Modal isn't really modal" test</title> 
        <link href="App_Themes/Theme1/StyleSheet.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body style="background: #DBEADE">  
        <form id="form1" runat="server">  
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
                <Scripts> 
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
                </Scripts> 
            </telerik:RadScriptManager> 
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
            </telerik:RadAjaxManager>     
            <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Telerik" ShowChooser="False">  
            </telerik:RadSkinManager> 
            <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" Enabled="false" /> 
                  
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
                <script type="text/javascript">  
                    function ShowModalWindow(sender, eventArgs) {  
                        window.radopen("PopUp.aspx", "PopUpDialog");  
                    }  
                </script> 
            </telerik:RadCodeBlock>   
            <telerik:RadWindowManager ID="RadWindowManager1" runat="server" style="z-index: 999999; left: 1;">  
            <Windows> 
                <telerik:RadWindow  ID="PopUpDialog"   
                                    runat="server"   
                                    Title=""   
                                    Height="300px"   
                                    Width="300px"   
                                    ReloadOnShow="true"   
                                    ShowContentDuringLoad="false"   
                                    Modal="true"   
                                    VisibleTitlebar="true"   
                                    VisibleStatusbar="true" 
                                    Behaviors="Close, Move, Resize" style="z-index: 999999999;" /> 
                </Windows> 
            </telerik:RadWindowManager> 
            <br /> 
            <br /> 
            <br /> 
            <br /> 
            <table align="center">  
                <tr> 
                    <td>                  
                        <div class="module" style="text-align: center; width: 700px; margin-top: 10px; z-index: -100;">  
                            <telerik:RadComboBox ID="RadCmbTest" runat="server" 
                                                                      Height="216px"   
                                                                      Width="300px"   
                                                                      EmptyMessage="Select an item"   
                                                                      HighlightTemplatedItems="True"   
                                                                      EnableLoadOnDemand="True"   
                                                                      AutoPostBack="True"   
                                                                      LoadingMessage="Loading..."   
                                                                      ZIndex="0">  
                                <Items> 
                                    <telerik:RadComboBoxItem Text="Text 1" Value="1" /> 
                                    <telerik:RadComboBoxItem Text="Text 2" Value="2" /> 
                                    <telerik:RadComboBoxItem Text="Text 3" Value="3" /> 
                                    <telerik:RadComboBoxItem Text="Text 4" Value="4" /> 
                                    <telerik:RadComboBoxItem Text="Text 5" Value="5" /> 
                                    <telerik:RadComboBoxItem Text="Text 6" Value="6" /> 
                                    <telerik:RadComboBoxItem Text="Text 7" Value="7" /> 
                                    <telerik:RadComboBoxItem Text="Text 8" Value="8" /> 
                                    <telerik:RadComboBoxItem Text="Text 9" Value="9" /> 
                                    <telerik:RadComboBoxItem Text="Text 10" Value="10" /> 
                                </Items> 
                            </telerik:RadComboBox>          
                            &nbsp;<asp:Button ID="btnOpenWindows" runat="server" Text="Click me to open the RadWindow modal" OnClientClick="ShowModalWindow(); return false;" style="z-index: 1;" /> 
                        </div> 
                    </td> 
                </tr> 
            </table> 
        </form> 
    </body> 
    </html> 
     

    This is the PopUp.aspx (nothing in code behind)
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="PopUp.aspx.cs" Inherits="PopUp" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
    <!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>Hi, I'am a modal RadWindow</title> 
        <link href="App_Themes/Theme1/StyleSheet.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body style="background: #DBEADE">  
        <form id="form1" runat="server">  
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
            <Scripts> 
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
            </Scripts> 
        </telerik:RadScriptManager> 
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        </telerik:RadAjaxManager>     
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Telerik" ShowChooser="False">  
        </telerik:RadSkinManager> 
        <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" Enabled="false" /> 
             
        <div> 
            <table style="width: 100%; text-align: center; vertical-align: middle;">  
                <tr> 
                    <td style="height: 30px;" colspan="2">  
                        TEST MODAL WINDOW  
                    </td> 
                </tr> 
                <tr> 
                    <td style="width: 100px;">  
                        RadComboBox  
                    </td> 
                    <td style="height: 30px;">  
                        <telerik:RadComboBox ID="RadComboBox1" LoadingMessage="Loading..." EmptyMessage="Select an item" runat="server">  
                            <Items> 
                                <telerik:RadComboBoxItem Text="Text 1" Value="1" /> 
                                <telerik:RadComboBoxItem Text="Text 2" Value="2" /> 
                                <telerik:RadComboBoxItem Text="Text 3" Value="3" /> 
                                <telerik:RadComboBoxItem Text="Text 4" Value="4" /> 
                                <telerik:RadComboBoxItem Text="Text 5" Value="5" /> 
                                <telerik:RadComboBoxItem Text="Text 6" Value="6" /> 
                                <telerik:RadComboBoxItem Text="Text 7" Value="7" /> 
                                <telerik:RadComboBoxItem Text="Text 8" Value="8" /> 
                                <telerik:RadComboBoxItem Text="Text 9" Value="9" /> 
                                <telerik:RadComboBoxItem Text="Text 10" Value="10" /> 
                            </Items> 
                        </telerik:RadComboBox> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        RadDatePicker  
                    </td> 
                    <td style="height: 30px;">  
                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">  
                        </telerik:RadDatePicker> 
                    </td> 
                </tr> 
                 <tr> 
                    <td> 
                        RadTextBox  
                    </td> 
                    <td style="height: 30px;">  
                        <telerik:RadTextBox ID="RadTextBox1" runat="server">  
                        </telerik:RadTextBox> 
                    </td> 
                </tr> 
            </table> 
        </div> 
        </form> 
    </body> 
    </html> 
     

    web.config
    <?xml version="1.0"?>  
    <!--   
        Note: As an alternative to hand editing this file you can use the   
        web admin tool to configure settings for your application. Use  
        the Website->Asp.Net Configuration option in Visual Studio.  
        A full list of settings and comments can be found in   
        machine.config.comments usually located in   
        \Windows\Microsoft.Net\Framework\v2.x\Config   
    --> 
    <configuration> 
        <configSections> 
            <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">  
                <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">  
                    <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>  
                    <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">  
                        <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere"/>  
                        <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>  
                        <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/>  
                        <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication"/></sectionGroup></sectionGroup></sectionGroup></configSections><appSettings/> 
        <connectionStrings/> 
        <system.web> 
            <!--   
                Set compilation debug="true" to insert debugging   
                symbols into the compiled page. Because this   
                affects performance, set this value to true only   
                during development.  
            --> 
            <compilation debug="true">  
                <assemblies> 
                    <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>  
                    <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                    <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>  
                    <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>  
                    <add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>  
                    <add assembly="System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>  
                    <add assembly="System.Drawing.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/></assemblies></compilation>  
            <!--  
                The <authentication> section enables configuration   
                of the security authentication mode used by   
                ASP.NET to identify an incoming user.   
            --> 
            <authentication mode="Windows"/>  
            <!--  
                The <customErrors> section enables configuration   
                of what to do if/when an unhandled error occurs   
                during the execution of a request. Specifically,   
                it enables developers to configure html error pages   
                to be displayed in place of a error stack trace.  
     
            <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">  
                <error statusCode="403" redirect="NoAccess.htm" /> 
                <error statusCode="404" redirect="FileNotFound.htm" /> 
            </customErrors> 
            --> 
            <pages> 
                <controls> 
                    <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                    <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
            <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>  
          </controls> 
        </pages> 
            <httpHandlers> 
                <remove verb="*" path="*.asmx"/>  
                <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                <add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
          <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>  
          <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>  
          <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>  
          <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>  
          <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>  
        </httpHandlers>        
            <httpModules> 
                <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
          <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule"/>  
          <add name="RadCompression" type="Telerik.Web.UI.RadCompression"/>  
        </httpModules> 
      </system.web> 
        <system.codedom> 
            <compilers> 
                <compiler language="c#;cs;csharp" extension=".cs" type="Microsoft.CSharp.CSharpCodeProvider,System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" warningLevel="4">  
                    <providerOption name="CompilerVersion" value="v3.5"/>  
                    <providerOption name="WarnAsError" value="false"/></compiler> 
                <compiler language="vb;vbs;visualbasic;vbscript" extension=".vb" type="Microsoft.VisualBasic.VBCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" warningLevel="4">  
                    <providerOption name="CompilerVersion" value="v3.5"/>  
                    <providerOption name="OptionInfer" value="true"/>  
                    <providerOption name="WarnAsError" value="false"/></compiler></compilers></system.codedom> 
        <system.webServer> 
            <validation validateIntegratedModeConfiguration="false"/>  
            <modules> 
                <remove name="ScriptModule"/>  
                <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/></modules> 
            <handlers> 
                <remove name="WebServiceHandlerFactory-Integrated"/>  
                <remove name="ScriptHandlerFactory"/>  
                <remove name="ScriptHandlerFactoryAppServices"/>  
                <remove name="ScriptResource"/>  
                <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>  
                <add name="ScriptResource" verb="GET,HEAD" path="ScriptResource.axd" preCondition="integratedMode" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/></handlers></system.webServer>  
        <runtime> 
            <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">  
                <dependentAssembly> 
                    <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35"/>  
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/></dependentAssembly> 
                <dependentAssembly> 
                    <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35"/>  
                    <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0"/></dependentAssembly></assemblyBinding></runtime></configuration>  
     

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 22 Sep 2009 Link to this post

    Hi New,

    I am glad you wree able to find the solution for your case by yourself in our community resources. In case you need further assistance, do not hesitate to contact us again.

    Kind regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. Erwin
    Erwin avatar
    74 posts
    Member since:
    Apr 2009

    Posted 29 Sep 2009 Link to this post

    I am using:
    RadControls ASPNET AJAX Q1 2009

    I have tested the code that was Posted but I still have the BUG...

    Does this mean that  installing the  AJAX Q2 2009 is the only way to fix this bug??

    Is their a work around for this BUG in ASPNET AJAX Q1 2009 ???

  4. New
    New avatar
    9 posts
    Member since:
    May 2009

    Posted 30 Sep 2009 Link to this post


    http://www.telerik.com/community/forums/aspnet-ajax/combobox/error-radcombobox-in-radwindow-with-ie8.aspx

    In this thread say that there aren't any other solutions.

    I fix it updating... maybe you have to update only from 2009 Q1 to 2009 Q1 SP1 to fix it... I fix it with the lastest version (2009 Q2 SP1)

    I hope this help ;-)

    Bye
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 30 Sep 2009 Link to this post

    Hi Erwin,

    The fix was introduced in Q2 - there is no workaround for this problem in the previous versions of the control.


    All the best,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top