Combobox expanding UNDER a Modal RadWindow...

2 posts, 0 answers
  1. mark baer
    mark baer avatar
    142 posts
    Member since:
    Sep 2009

    Posted 28 Mar 2011 Link to this post

    I have 2 RadComboboxes inside a Rad Window that opens in Modal form...When I start typing to search/select, the Combo Boxes expand UNDER the Modal window, not on top...I tried changing the Z-Index, but no change.  Am I doing something wrong here?(Obviously)

    I am using the latest version of the Telerik Ajax controls.  It is an ASP.NET 4 Ajax application built using Telerik's Rad Project and this is all in Visual Studio 2010.  Below is my HTML for the Rad Window and Comboboxes.



    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ><br>                                    <telerik:RadWindow ID="radWinAddCredit" runat="server" Modal="true" AutoSize="true" Title="Add/Edit Credit" <br>                                    Visible="false" VisibleOnPageLoad="True" Skin="WebBlue" Height="300px" ShowContentDuringLoad="False" Width="300px"><br>                                        <ContentTemplate><br>                                            <table class="form"><br>                                                <tr><br>                                                    <td class="formHeader"><br>                                                        Add Credit<br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td class="formLabel" align="left"><br>                                                        Craft<br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td align="left"><br>                                                        <telerik:RadComboBox ID="cboCrafts" Skin="WebBlue" ZIndex="100" MarkFirstMatch="true" runat="server"><br>                                                        </telerik:RadComboBox><br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td class="formLabel" align="left"><br>                                                        Title<br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td align="left"><br>                                                        <telerik:RadComboBox ID="cboShowTitles" Skin="WebBlue" ZIndex="100" EnableAutomaticLoadOnDemand="true" EmptyMessage="Type to Search..." MarkFirstMatch="true" runat="server"><br>                                                            <WebServiceSettings Method="GetShowTitles" Path="../Admin/Controls/AdminService.asmx" /><br>                                                        </telerik:RadComboBox><br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td class="formLabel" align="left"><br>                                                        Comment<br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td align="left"><br>                                                        <asp:TextBox ID="txtCreditComment" runat="server" Width="195"></asp:TextBox><br>                                                    </td><br>                                                </tr><br>                                                <tr><br>                                                    <td align="right"><br>                                                        <asp:Button ID="btnAddCredit" runat="server" OnClick="btnAddCredit_Click" Text="Add" /><br>                                                        <asp:Button ID="btnCancelPopup" runat="server" OnClick="btnCancelPopup_Click" Text="Cancel" /><br>                                                    </td><br>                                                </tr><br>                                            </table><br>                                        </ContentTemplate><br>                                    </telerik:RadWindow><br>                                </telerik:RadAjaxPanel>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Mar 2011 Link to this post

    Hello Mark,

    The default z-indexe of RadWindow in 3000 and you need to set a value which is greater than the z-index of the RadWindow.

    Check out the following article for more on the default z-indexes of Telerik controls.
    Controlling absolute positioning with z-index

Back to Top