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

Launching a Radwindow hides all dropdowns in parent page

7 Answers 115 Views

Window

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

7 Answers, 1 is accepted

answered on 29 Jun 2010, 01:27 PM

Hi Dan,

Do you use RadWindow for ASP.NET (RadWindow 1.x) or RadWindow for ASP.NET AJAX?

If you work with RadWIndow 1.x, you could use the following JavaScript code to avoid the problem (make sure that it is placed after RadWindowManager's declaration:

RadWindowNamespace.RadWindowModal.prototype.RestoreInputElementsState = function()

{

if (this.Window.IsIE)

{

this.DisabledDrodpowns = false;

for (var i = 0; i < this.InputElementsState.length; i++)

{

var _o = this.InputElementsState[i];

if (_o.isEnabled)

{

_o.inputElement.removeAttribute("disabled");

}

RadWindowNamespace.RadWindowModal.prototype.DisableInputElements = function()

{

if (this.Window.IsIE && !this.DisabledDrodpowns)

{

this.InputElementsState = [];

var lists = document.getElementsByTagName("SELECT");

for (var i = 0; i < lists.length; i++)

{

this.InputElementsState[i] = {

inputElement: lists[i],

isEnabled: !(lists[i].getAttribute("disabled"))

};

lists[i].setAttribute("disabled", "disabled");

}

this.DisabledDrodpowns = true;

}

If this doesn't help or you are using a recent version of the control (RadWindow for ASP.NET AJAX), please provide the exact version of the control that you are using along with a code of a simple page where the problem could be reproduced so we could investigate further.

Kind regards,
Georgi Tunev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 29 Jun 2010, 05:29 PM

We are using ASP.NET AJAX Controls. The specific version is 2009.3.1314.35.

The issue lies in viewing the page in IE 6.

Here is the code that demonstrates the issue -

                    <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits=".WebForm1" %>         
                     
            <%@ 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></title>         
            </head>         
            <body>         
                <form id="form1" runat="server">         
                <div>         
                    <telerik:RadScriptManager ID="manager1" runat="server">         
                    </telerik:RadScriptManager>         
                     
                    <asp:DropDownList ID="ddl1" runat="server">         
                        <asp:ListItem Value="1">Item 1</asp:ListItem>         
                        <asp:ListItem Value="2">Item 2</asp:ListItem>         
                        <asp:ListItem Value="3">Item 2</asp:ListItem>         
                    </asp:DropDownList>         
                    <asp:Button ID="btn1" runat="server" OnClientClick="ShowModal(); return false;" Text="click" />         
                </div>         
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server" />         
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">         
                     
                    <script type="text/javascript">         
                        function ShowModal() {         
                            var wnd = radopen('<%=ResolveUrl("~/register.aspx") %>', null);         
                            wnd.set_modal(true);         
                            wnd.center();         
                            wnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Resize);         
                            wnd.show();         
                    
                        }         
                    </script>         
                     
                </telerik:RadScriptBlock>         
                </form>         
            </body>         
            </html>         

answered on 30 Jun 2010, 02:57 PM

Hi Dan,

The problem here is with the logic. With your code you do the following:

open the RadWindow control
set its modal property to true. In this case we are hiding the dropdowns in IE6.
set the behaviors of the control
center the window (I assume you do this to redraw the window after setting its behaviors).
You call the show() method again. Because you are calling show() for a window that is modal, the code that hides the dropdowns is run again - that is the reason for them not being visible after the window is closed.

To avoid the problem, I suggest not to call show() again, but to call the center() method last.
I hope this helps.

Regards,
Georgi Tunev
the Telerik team

answered on 01 Jul 2010, 09:02 AM

Hello Dan,

This is needed because prior to IE7, dropdowns and list items were heavyweight objects that were rendered above all DHTML elements on the page, including the modal background of RadWindow. This made possible for users to still use the dropdowns on the parent page even if a modal RadWindow was shown.
To avoid that we explicitly disable the dropdowns if the browser is IE7+ and hide them completely if it is IE6.

To answer your question, yes - there is a way to disable this functionality with a custom code, but I do not recommend it because your users will be able to interact with the INPUT elements even if you have a modal dialog shown on the page.

All the best,
Georgi Tunev
the Telerik team

answered on 12 Jul 2010, 11:00 AM

Hello Dan,

In such case, please open a support ticket and send a sample project that reproduces your exact setup and the problem itself. This way, we will get a better view over your scenario and will do our best to provide you with a solution. As for the problem with the menu, make sure that the z-index is properly set - more information on the subject is available here.

Greetings,
Georgi Tunev
the Telerik team