How Do I Make Ajax Calendar To Popup Below The Textbox I Clicked

See more:

C#

ASP.NET

I have developed a grid with 10 rows with some editable columns and i have created a column to enter date through ajax calendar control. But when i scroll my grid the calendar for any of the texbox does not come in position. below is my design code can any one correct me or give any solution for this ?

<td colspan="14" >
 <div style="overflow-y:scroll;overflow-x:hidden;height:300px;removed:relative">
                                <asp:GridView ID="GridView_AddTaskDtls" runat="server" Width="1050px" 
                                     Height="10px" AutoGenerateColumns="False"
                                    AllowPaging="false" BorderStyle="None" ForeColor="Black" BorderWidth="0px" DataKeyNames="Pk_id"
                                    HeaderStyle-HorizontalAlign="left" RowStyle-CssClass="RowText" OnRowDataBound="GridView_AddTaskDtls_RowDataBound"
                                    CssClass="datatable" OnRowCommand="GridView_AddTaskDtls_RowCommand" UseAccessibleHeader="true" ShowHeader="true">
                                    <HeaderStyle HorizontalAlign="Left" CssClass="static-header" ></HeaderStyle>
                                   
                                   <RowStyle/>
                                    <Columns>
                                        <asp:TemplateField HeaderText="Phase *" ControlStyle-Width="200px" HeaderStyle-Width="200px">
                                            <ItemTemplate>
                                                <asp:DropDownList ID="ddl_Phase" ToolTip="Select Task Phase" runat="server" AutoPostBack="true"
                                                     OnSelectedIndexChanged="ddl_Phase_SelectedIndexChanged" >
                                                </asp:DropDownList>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="105px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Task Name *(Max 100 characters)" ControlStyle-Width="250px" >
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_TaskName" ToolTip="Enter Task Name" runat="server"  ></asp:TextBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="165px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="false" Width="250px"/>
                                            <ItemStyle  />
                                        </asp:TemplateField>
                                        
                                        <asp:TemplateField HeaderText="Planned Start Date *" ControlStyle-Width="200px">
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_PStartDate" ToolTip="Select Task Planned Start Date" runat="server"
                                                    ></asp:TextBox>
                                                <cc1:CalendarExtender ID="CalendarExtender1" Format="dd/MM/yyyy" TargetControlID="txt_PStartDate"
                                                     runat="server" />
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="165px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Planned End Date *" ControlStyle-Width="200px">
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_PEndDate" ToolTip="Select Task Planned End Date" runat="server"
                                                     ></asp:TextBox>
                                                <cc1:CalendarExtender ID="CalendarExtender2" Format="dd/MM/yyyy" TargetControlID="txt_PEndDate"
                                                     runat="server" />
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="165px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
                                            <ItemStyle Wrap="false"/>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Task Status" ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_TaskStatus" ReadOnly="true" Enabled="false" Text="OPEN" runat="server"
                                                   ></asp:TextBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="165px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px" />
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Task Allocated To *" ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <%--<asp:DropDownList ID="DDL_AllocatedTo" ToolTip="Select Task Allocated User Name" runat="server"  Width="150px">
                                                        </asp:DropDownList>--%>
                                                <cc1:ComboBox ID="DDL_AllocatedTo"  runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
                                                    CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
                                                    <asp:ListItem Text="White"></asp:ListItem>
                                                </cc1:ComboBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="208px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="External"  ControlStyle-Width="200px"  >
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_External" ToolTip="fill External Name if Required" runat="server"
                                                     ></asp:TextBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="100px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
                                            <ItemStyle Wrap="false"  />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Upload File">
                                            <ItemTemplate>
                                                <asp:FileUpload ID="txt_ConceptNote" runat="server" ToolTip="Upload Document" />
                                                <asp:Button ID="Btn_Attach" ToolTip="Attach File" runat="server" Text="Attach" 
                                                    OnClick="Btn_Attach_Click" />
                                                <asp:Label ID="Lbl_FileAttach" runat="server" ForeColor="Red"></asp:Label>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="300px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="300px"/>
                                            <ItemStyle Wrap="false" HorizontalAlign="Left"  Width="300px"/>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Task Description *" ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <asp:TextBox ID="txt_TaskDesc" ToolTip="Enter Task Description (Max Length 1000 Character)"
                                                    runat="server" ></asp:TextBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="150px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="250px"/>
                                            <ItemStyle Wrap="false"  />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Approval Req." ControlStyle-Width="100px" >
                                            <ItemTemplate>
                                                <asp:RadioButton ID="Chk_Yes" runat="server" GroupName="Apprval" Text="Yes" OnCheckedChanged="Chk_Yes_CheckedChanged"
                                                    AutoPostBack="true"  />
                                                <asp:RadioButton ID="Chk_No" runat="server" GroupName="Apprval" Text="No" OnCheckedChanged="Chk_No_CheckedChanged"
                                                    AutoPostBack="true" />
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="100px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
                                            <ItemStyle Wrap="false" Width="200px"/>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Approval 1"  ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <%--<asp:DropDownList ID="DDL_Approval1" runat="server" ToolTip="Select Approval 1 User Name" Width="150px">
                                                        </asp:DropDownList>--%>
                                                <cc1:ComboBox ID="DDL_Approval1"  runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
                                                    CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
                                                    <asp:ListItem Text="White"></asp:ListItem>
                                                </cc1:ComboBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="100px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="150px" />
                                            <ItemStyle Wrap="false"/>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Approval 2"  ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <%--<asp:DropDownList ID="DDL_Approval2" runat="server" ToolTip="Select Approval 2 User Name" Width="150px">
                                                        </asp:DropDownList>--%>
                                                <cc1:ComboBox ID="DDL_Approval2"  runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
                                                    CaseSensitive="false" RenderMode="Block" AutoPostBack="false">
                                                    <asp:ListItem Text="White"></asp:ListItem>
                                                </cc1:ComboBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="100px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="200px"/>
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Approval 3"  ControlStyle-Width="200px" >
                                            <ItemTemplate>
                                                <%--<asp:DropDownList ID="DDL_Approval3" runat="server" ToolTip="Select Approval 3 User Name" Width="150px">
                                                        </asp:DropDownList>--%>
                                                <cc1:ComboBox ID="DDL_Approval3"  runat="server" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend"
                                                    CaseSensitive="false" RenderMode="Block" AutoPostBack="false" >
                                                    <asp:ListItem Text="White"></asp:ListItem>
                                                </cc1:ComboBox>
                                            </ItemTemplate>
                                            <FooterStyle HorizontalAlign="Center" Width="100px" />
                                            <HeaderStyle HorizontalAlign="Center" Wrap="False" Width="250px" />
                                            <ItemStyle Wrap="false" />
                                        </asp:TemplateField>
                                    </Columns>
                                </asp:GridView>
                                </div>
                                </td>