Calendar shown behind the Grid EditItemTemplate

3 posts, 0 answers
  1. Swee
    Swee avatar
    2 posts
    Member since:
    Aug 2012

    Posted 21 Aug 2012 Link to this post

    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. Swee
    Swee avatar
    2 posts
    Member since:
    Aug 2012

    Posted 22 Aug 2012 Link to this post

    error solved
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Amparo
    Amparo avatar
    3 posts
    Member since:
    Dec 2014

    Posted 16 Dec 2014 in reply to Swee Link to this post

    How did you solve this issue?
Back to Top