I have a Grid in a RadWindow. This grid has a RadDatePicker control in EditItemTemplate. The calendar is shown behind the edit template when I click on the datepicker control.
<%@ Page Language="VB" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" CodeFile="TimeAttendance.aspx.vb" Inherits="TimeAttendance" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!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">
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<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" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<telerik:RadDateTimePicker ID="picker2" Runat="server"
AutoPostBack="True"
Culture="English (United Kingdom)">
</telerik:RadDateTimePicker>
<telerik:RadGrid ID="RadGrid2" runat="server" CellSpacing="0" GridLines="None"
AutoGenerateColumns="False" AllowMultiRowSelection ="True" AllowAutomaticInserts ="true"
DataSourceID="SqlDataSource1" Width="651px" OnItemCommand="RadGrid2_ItemCommand"
OnItemCreated="RadGrid2_ItemCreated" >
<HeaderContextMenu CssClass="">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</HeaderContextMenu>
<MasterTableView CommandItemDisplay ="TopAndBottom" EditMode="PopUp" DataKeyNames="id"
DataSourceID="SqlDataSource1" CommandItemSettings-AddNewRecordText="Add Attendance Entry">
<CommandItemSettings ExportToPdfText="Export to BIB format" ></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<EditFormSettings InsertCaption="Add Attendance Entry" EditColumn-UpdateText="Save"
EditColumn-InsertText="Save" EditColumn-ButtonType="PushButton"
FormMainTableStyle-Height="250">
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
<PopUpSettings Modal="true" ZIndex="999999" CloseButtonToolTip="Click to close" Width="600" />
</EditFormSettings>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="Delete"
ConfirmText="Are you sure?" ConfirmTitle="Alert">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridButtonColumn>
<telerik:GridTemplateColumn DataField="id"
FilterControlAltText="Filter id column" HeaderText="id"
UniqueName="id" DataType="System.Int32" ReadOnly="True"
SortExpression="id" >
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "id")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblID" runat="server" Text ='<%# Bind("id") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffID"
FilterControlAltText="Filter Name column" HeaderText="StaffID"
UniqueName="StaffID" SortExpression="StaffID">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffID")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblStaffID" runat="server" Text ='<%# Bind("StaffID") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffName"
FilterControlAltText="Filter Name column" HeaderText="StaffName"
UniqueName="StaffName" SortExpression="StaffName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffName")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="StaffName" runat="server" CssClass="" SelectedValue='<%# Bind("StaffName") %>'
DataSourceID="StaffNameDataSource" DataTextField="StaffName" Width="300px"
DataValueField="StaffName" OnSelectedIndexChanged="StaffName_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Date"
FilterControlAltText="Filter Name column" HeaderText="Date"
UniqueName="Date" SortExpression="Date">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Date")%>
</itemtemplate>
<edititemtemplate>
<telerik:RadDateTimePicker ID="picker1" Runat="server" Style="z-index: 9000"
DbSelectedDate='<%# Bind("date") %>' AutoPostBack="True"
Culture="English (United Kingdom)" >
<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">
</Calendar>
<DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy HH:mm" ValidationGroup="date">
</DateInput>
</telerik:RadDateTimePicker>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Category"
FilterControlAltText="Filter Name column" HeaderText="Category"
UniqueName="Category" SortExpression="Category">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Category")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Category" runat="server" CssClass="" SelectedValue='<%# Bind("Category") %>'
DataSourceID="CategoryDataSource" DataTextField="Category" Width="300px"
DataValueField="Category" OnSelectedIndexChanged="Category_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Reason"
FilterControlAltText="Filter Name column" HeaderText="Reason"
UniqueName="Reason" SortExpression="Reason">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Reason")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Reason" runat="server" CssClass="" SelectedValue='<%# Bind("Reason") %>'
DataSourceID="ReasonDataSource" DataTextField="Reason" Width="300px"
DataValueField="Reason" OnSelectedIndexChanged="Reason_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Description"
FilterControlAltText="Filter Name column" HeaderText="Description"
UniqueName="Description" SortExpression="Description">
<itemtemplate >
<%#DataBinder.Eval(Container.DataItem, "Description")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtDescription" runat="server" Text ='<%# Bind("Description") %>' Width="300px" Height ="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="TypeofPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="Who are you meeting"
UniqueName="TypeofPersonMeeting" SortExpression="TypeofPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "TypeofPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="TypeofPersonMeeting" runat="server" SelectedValue='<%# Bind("TypeofPersonMeeting") %>' CssClass="textbox" >
<asp:ListItem Text="Lead" Value="Lead" ></asp:ListItem>
<asp:ListItem Text="Prospect" Value="Prospect"></asp:ListItem>
<asp:ListItem Text="Client" Value="Client" Selected="True" ></asp:ListItem>
<asp:ListItem Text="Insurers" Value="Insurer" ></asp:ListItem>
<asp:ListItem Text="Reinsurer" Value="Reinsurer"></asp:ListItem>
<asp:ListItem Text="Adjuster" Value="Adjuster"></asp:ListItem>
<asp:ListItem Text="Brokers" Value="Brokers"></asp:ListItem>
<asp:ListItem Text="Others - please specify" Value="Others - please specify"></asp:ListItem>
<asp:ListItem Text="Please Select" Value=""></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredfieldvalidatorTypeofPersonMeeting" runat="server" ControlToValidate="TypeofPersonMeeting"
ErrorMessage="Please Select who are you Meeting" Display="Dynamic" SetFocusOnError="true" />
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ProspectClientName"
FilterControlAltText="Filter Name column" HeaderText="ProspectClientName"
UniqueName="ProspectClientName" SortExpression="ProspectClientName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "ProspectClientName")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtProspectClientName" runat="server" Text ='<%# Bind("ProspectClientName") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="NameOfPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="NameOfPersonMeeting"
UniqueName="NameOfPersonMeeting" SortExpression="NameOfPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "NameOfPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtNameOfPersonMeeting" runat="server" Text ='<%# Bind("NameOfPersonMeeting") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="MeetingTime"
FilterControlAltText="Filter Name column" HeaderText="MeetingTime"
UniqueName="MeetingTime" SortExpression="MeetingTime">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "MeetingTime")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtMeetingTime" runat="server" Text ='<%# Bind("MeetingTime") %>' Width="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="True" />
</ClientSettings>
<FilterMenu EnableImageSprites="False">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</FilterMenu>
</telerik:RadGrid>
</asp:Content>
<%@ Page Language="VB" AutoEventWireup="false" MasterPageFile="~/MasterPage.master" CodeFile="TimeAttendance.aspx.vb" Inherits="TimeAttendance" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!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">
<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<%--Needed for JavaScript IntelliSense in VS2010--%>
<%--For VS2008 replace RadScriptManager with ScriptManager--%>
<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" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
</telerik:RadAjaxManager>
<telerik:RadDateTimePicker ID="picker2" Runat="server"
AutoPostBack="True"
Culture="English (United Kingdom)">
</telerik:RadDateTimePicker>
<telerik:RadGrid ID="RadGrid2" runat="server" CellSpacing="0" GridLines="None"
AutoGenerateColumns="False" AllowMultiRowSelection ="True" AllowAutomaticInserts ="true"
DataSourceID="SqlDataSource1" Width="651px" OnItemCommand="RadGrid2_ItemCommand"
OnItemCreated="RadGrid2_ItemCreated" >
<HeaderContextMenu CssClass="">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</HeaderContextMenu>
<MasterTableView CommandItemDisplay ="TopAndBottom" EditMode="PopUp" DataKeyNames="id"
DataSourceID="SqlDataSource1" CommandItemSettings-AddNewRecordText="Add Attendance Entry">
<CommandItemSettings ExportToPdfText="Export to BIB format" ></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<EditFormSettings InsertCaption="Add Attendance Entry" EditColumn-UpdateText="Save"
EditColumn-InsertText="Save" EditColumn-ButtonType="PushButton"
FormMainTableStyle-Height="250">
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
<PopUpSettings Modal="true" ZIndex="999999" CloseButtonToolTip="Click to close" Width="600" />
</EditFormSettings>
<Columns>
<telerik:GridEditCommandColumn ButtonType="LinkButton" EditText="Edit">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridEditCommandColumn>
<telerik:GridButtonColumn ButtonType="LinkButton" Text="Delete" CommandName="Delete"
ConfirmText="Are you sure?" ConfirmTitle="Alert">
<ItemStyle Font-Size="Small" Font-Bold="true" />
</telerik:GridButtonColumn>
<telerik:GridTemplateColumn DataField="id"
FilterControlAltText="Filter id column" HeaderText="id"
UniqueName="id" DataType="System.Int32" ReadOnly="True"
SortExpression="id" >
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "id")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblID" runat="server" Text ='<%# Bind("id") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffID"
FilterControlAltText="Filter Name column" HeaderText="StaffID"
UniqueName="StaffID" SortExpression="StaffID">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffID")%>
</itemtemplate>
<edititemtemplate>
<asp:Label ID="lblStaffID" runat="server" Text ='<%# Bind("StaffID") %>' Width="400px" ></asp:Label>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="StaffName"
FilterControlAltText="Filter Name column" HeaderText="StaffName"
UniqueName="StaffName" SortExpression="StaffName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "StaffName")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="StaffName" runat="server" CssClass="" SelectedValue='<%# Bind("StaffName") %>'
DataSourceID="StaffNameDataSource" DataTextField="StaffName" Width="300px"
DataValueField="StaffName" OnSelectedIndexChanged="StaffName_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Date"
FilterControlAltText="Filter Name column" HeaderText="Date"
UniqueName="Date" SortExpression="Date">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Date")%>
</itemtemplate>
<edititemtemplate>
<telerik:RadDateTimePicker ID="picker1" Runat="server" Style="z-index: 9000"
DbSelectedDate='<%# Bind("date") %>' AutoPostBack="True"
Culture="English (United Kingdom)" >
<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">
</Calendar>
<DateInput ID="DateInput1" runat="server" DateFormat="dd/MM/yyyy HH:mm" ValidationGroup="date">
</DateInput>
</telerik:RadDateTimePicker>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Category"
FilterControlAltText="Filter Name column" HeaderText="Category"
UniqueName="Category" SortExpression="Category">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Category")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Category" runat="server" CssClass="" SelectedValue='<%# Bind("Category") %>'
DataSourceID="CategoryDataSource" DataTextField="Category" Width="300px"
DataValueField="Category" OnSelectedIndexChanged="Category_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Reason"
FilterControlAltText="Filter Name column" HeaderText="Reason"
UniqueName="Reason" SortExpression="Reason">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "Reason")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="Reason" runat="server" CssClass="" SelectedValue='<%# Bind("Reason") %>'
DataSourceID="ReasonDataSource" DataTextField="Reason" Width="300px"
DataValueField="Reason" OnSelectedIndexChanged="Reason_SelectedIndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="Description"
FilterControlAltText="Filter Name column" HeaderText="Description"
UniqueName="Description" SortExpression="Description">
<itemtemplate >
<%#DataBinder.Eval(Container.DataItem, "Description")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtDescription" runat="server" Text ='<%# Bind("Description") %>' Width="300px" Height ="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="TypeofPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="Who are you meeting"
UniqueName="TypeofPersonMeeting" SortExpression="TypeofPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "TypeofPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:DropDownList ID="TypeofPersonMeeting" runat="server" SelectedValue='<%# Bind("TypeofPersonMeeting") %>' CssClass="textbox" >
<asp:ListItem Text="Lead" Value="Lead" ></asp:ListItem>
<asp:ListItem Text="Prospect" Value="Prospect"></asp:ListItem>
<asp:ListItem Text="Client" Value="Client" Selected="True" ></asp:ListItem>
<asp:ListItem Text="Insurers" Value="Insurer" ></asp:ListItem>
<asp:ListItem Text="Reinsurer" Value="Reinsurer"></asp:ListItem>
<asp:ListItem Text="Adjuster" Value="Adjuster"></asp:ListItem>
<asp:ListItem Text="Brokers" Value="Brokers"></asp:ListItem>
<asp:ListItem Text="Others - please specify" Value="Others - please specify"></asp:ListItem>
<asp:ListItem Text="Please Select" Value=""></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredfieldvalidatorTypeofPersonMeeting" runat="server" ControlToValidate="TypeofPersonMeeting"
ErrorMessage="Please Select who are you Meeting" Display="Dynamic" SetFocusOnError="true" />
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ProspectClientName"
FilterControlAltText="Filter Name column" HeaderText="ProspectClientName"
UniqueName="ProspectClientName" SortExpression="ProspectClientName">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "ProspectClientName")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtProspectClientName" runat="server" Text ='<%# Bind("ProspectClientName") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="NameOfPersonMeeting"
FilterControlAltText="Filter Name column" HeaderText="NameOfPersonMeeting"
UniqueName="NameOfPersonMeeting" SortExpression="NameOfPersonMeeting">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "NameOfPersonMeeting")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtNameOfPersonMeeting" runat="server" Text ='<%# Bind("NameOfPersonMeeting") %>' Width="300px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="MeetingTime"
FilterControlAltText="Filter Name column" HeaderText="MeetingTime"
UniqueName="MeetingTime" SortExpression="MeetingTime">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem, "MeetingTime")%>
</itemtemplate>
<edititemtemplate>
<asp:textbox ID="txtMeetingTime" runat="server" Text ='<%# Bind("MeetingTime") %>' Width="50px" ></asp:textbox>
</edititemtemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="True" />
</ClientSettings>
<FilterMenu EnableImageSprites="False">
<WebServiceSettings>
<ODataSettings InitialContainerName=""></ODataSettings>
</WebServiceSettings>
</FilterMenu>
</telerik:RadGrid>
</asp:Content>