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

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

4 Answers 165 Views
Window
This is a migrated thread and some comments may be shown as answers.
New
Top achievements
Rank 1
New asked on 17 Sep 2009, 09:38 AM

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>  
 

4 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 22 Sep 2009, 11:57 AM
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.
0
Erwin
Top achievements
Rank 1
answered on 30 Sep 2009, 04:36 AM
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 ???

0
New
Top achievements
Rank 1
answered on 30 Sep 2009, 08:06 AM

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
0
Georgi Tunev
Telerik team
answered on 30 Sep 2009, 11:16 AM
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.
Tags
Window
Asked by
New
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Erwin
Top achievements
Rank 1
New
Top achievements
Rank 1
Georgi Tunev
Telerik team
Share this question
or