This is a test project with a problem in Telerik components
In the "default.aspx", a button and a modal window, clicking on the button shows the modal window “popup.aspx”; that has a date picker
Clicking on the view calendar button of the date picker doesn’t show the calendar! Instead it shows the layer under the modal window
This problem with IE only (at least IE7 I’m using), working perfectly with Firefox, Safari, and Chrome
I'm using Telerik 2009 Q1
Default.aspx:
<%
@ 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>Test</title>
<script language="javascript" type="text/javascript">
function windowOpen() {
var oWnd = radopen("Popup.aspx", "windowModal");
oWnd.center();
}
</script>
</
head>
<
body bgcolor="yellow">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<div>
<input type="button" value="open" runat="server" id="btnOpen" onclick="javascript:windowOpen();" />
<telerik:RadWindowManager ID="windowManagerModal" runat="server" Skin="Black">
<Windows>
<telerik:RadWindow ID="windowModal" runat="server" ShowContentDuringLoad="true" Behaviors="Close" VisibleStatusbar="false"
Animation="FlyIn" Width="700px" Height="700px" Modal="true" Title="Popup">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
</div>
</form>
</
body>
</
html>
Popup.aspx:
<%
@ 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>Popup</title>
</
head>
<
body>
<form id="form1" runat="server">
<div>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadDatePicker ID="RadDatePicker1" runat="server" Skin="Black">
<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"
ViewSelectorText="x" Skin="Black" runat="server"></Calendar>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>
</div>
</form>
</
body>
</
html>
Any Help?
1 Answer, 1 is accepted
Can this issue be related to the default or custom z-index value settings for your RadDatePicker and RadWindow instances somewhere in the code? If the issue appears to be elsewhere, I will appreciate if you provide a live url to research the matter thoroughly or use IE developer toolbar to designate the cause of the abnormality. Thus we will be able to advice you further.
Kind regards,
Sebastian
the Telerik team
Check out Telerik Trainer , the state of the art learning tool for Telerik products.