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

Calendar shown behind the Grid EditItemTemplate

2 Answers 62 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Swee
Top achievements
Rank 1
Swee asked on 22 Aug 2012, 03:22 AM
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>

2 Answers, 1 is accepted

Sort by
0
Swee
Top achievements
Rank 1
answered on 22 Aug 2012, 08:08 AM
error solved
0
Amparo
Top achievements
Rank 1
answered on 16 Dec 2014, 03:00 PM
How did you solve this issue?
Tags
Calendar
Asked by
Swee
Top achievements
Rank 1
Answers by
Swee
Top achievements
Rank 1
Amparo
Top achievements
Rank 1
Share this question
or