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

raddatepicker in ajax mdal popup.

1 Answer 31 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
rock
Top achievements
Rank 1
rock asked on 18 Jun 2010, 07:16 AM
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>

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 18 Jun 2010, 08:08 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
General Discussions
Asked by
rock
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or