raddatepicker in ajax mdal popup.

[rock]

hello,
i have radpicer in ajax modalpopup. my problem is raddatepicker is visible but bakeend of modalpopup. its not look proper . i increase z-index also i try javascript but all try fail so.. plz hel me.. following is my code.


<asp:UpdatePanel ID="updatepanel1" runat="server">
        <ContentTemplate>
<!-- my another table markup---!>

 <Ajax:ModalPopupExtender ID="feespopup" runat="server" TargetControlID="btnAttachfees"
                PopupControlID="pnlfeeassign" BackgroundCssClass="modalBackground" CancelControlID="btnclose" />
            <asp:Panel ID="pnlfeeassign" runat="server" Height="180px" Width="400px" CssClass="modalpanel">
                <table class="table60Per" cellpadding="0" cellspacing="0" id="tblassignfee" runat="server">
                    <tr>
                        <td colspan="3">
                            <asp:Label ID="Label1" runat="server" SkinID="PageTitle" Text="Attach Fee"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Label ID="lblfeetype" runat="server" Text="FeeType"></asp:Label>
                        </td>
                        <td>
                            <telerik:RadComboBox ID="radcmbfeetype" SkinID="DropDownList100" ZIndex="10000000" Enabled="true" runat="server">
                            </telerik:RadComboBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Label ID="lblsdate" runat="server" Text=" Start Date"></asp:Label>
                        </td>
                        <td>
                           
                            <telerik:RadDatePicker ID="dpStartDate" runat="server" ZIndex="10">
                                <Calendar ID="calstrtdate" runat="server">
                                </Calendar>
                            </telerik:RadDatePicker>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Label ID="Label2" runat="server" Text="End Date"></asp:Label>
                        </td>
                        <td>
                            <telerik:RadDatePicker ID="dpEndDate" runat="server" >
                                <Calendar ID="calenddate" runat="server">
                                </Calendar>
                            </telerik:RadDatePicker>
                        
                         
                         
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <asp:Label ID="lblrecurrance" runat="server" Text="Recurrence"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtrecurrence" runat="server" OnTextChanged="txtrecurrence_TextChanged"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td colspan="3" align="center">
                            <asp:Button ID="btnadd" runat="server" Text="Add" />&nbsp;&nbsp;
                            <asp:Button ID="btnclose" runat="server" Text="Close" />
                        </td>
                    </tr>
                </table>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>

[Dimo]

Hi rock,

You have set a z-index of 10 to the RadDatePicker, which is too low. Please set a z-index, that is higher than the z-index of the modal popup extender.

Kind regards,
Dimo
the Telerik team