Radwindow Overlap problem

[Madhu]

Hi,
I am opening a Radwindow from the main page. Once the Radwindow is opened some of the controls like the  microsoft asp.net dropdown controls overlap with the Radwindow control at the edges.
You can include the following code in a asp.net web application and run to see this behavior.

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

 

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<

 

html xmlns="http://www.w3.org/1999/xhtml">

 

<

 

head>

 

 

<title>Untitled Page</title>

 

 

 

<script for="window" event="onload" type="text/javascript">

 

 

//alert('ok');

 

 

// radopen("Default2.aspx","RadWindow1");

 

 

 

</script>

 

 

 

<script type="text/javascript" language="javascript">

 

 

function OpenRadWin()

 

{

radopen(

"Default2.aspx","RadWindow1");

 

 

}

 

</script>

 

 

</

 

head>

 

<

 

body>

 

 

 

 

 

<form id="form1" runat="server">

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

 

</telerik:RadScriptManager>

 

 

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

 

 

<Windows>

 

 

<telerik:RadWindow NavigateUrl="Default2.aspx" ID="RadWindow1" runat="server">

 

 

</telerik:RadWindow>

 

 

</Windows>

 

 

</telerik:RadWindowManager>

 

 

<input type="button" value="Open Radwindow" onclick="OpenRadWin();" />

 

 

<br />

 

 

<br />

 

 

<br />

 

 

<br />

 

 

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

sites :

<asp:DropDownList runat="server" ID="ddSites" Width="200px">

 

 

<asp:ListItem value="1">Philadelphia Core pop - 112 Morristown ----- </asp:ListItem>

 

 

<asp:ListItem value="2">Atlanta Core pop ----- </asp:ListItem>

 

 

</asp:DropDownList>

 

 

</form>

 

</

 

body>

 

</

 

html>

 

[Svetlina Anati]

Hi Madhu,

This behavior is expected since the dropdown is a heavy-weight object and you can reproduce the problem with a standard asp IFRAME element as well.

What I can suggest to achieve the desired result is teh following:

1) Make the RadWindow modal by setting Modal="true" - this will resolve the issue because  when a modal RadWindow is shown, we are hiding all heavy-weight objects like dropdowns so they don't "leak" above the modal layer. These objects are shown again after RadWindow is closed.

2) Replace the standard asp dropdown with a RadComboBox.


All the best,
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.