RadAutocompleteBox Dropdown Behind RadSlidingPanel or RadPanelBar (z-Index?)

2 posts, 0 answers
  1. James
    James avatar
    55 posts
    Member since:
    Oct 2011

    Posted 19 Sep 2013 Link to this post

    Hi,

    Thanks in advance for some help.  Here's our situation:

    1. We have a RadAutocompleteBox
    2. Inside a RadPanelBar item Content Template.
    3. Sitting in a RadSlidingPane
    4. When RadAutoCompleteBox's dropdown should be visible, it is not.

    We assume that this is a problem with the z-index of the listRac element, but we have not had luck manipulating that element via CSS. Other than not being able to see the drop down list, the RAC seems to work fine.  Screenshot attached.

    Any ideas?

    Thanks,

    Jim
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 19 Sep 2013 Link to this post

    Hi James,

    I have tried replicating steps 1 to 4. Works fine and am attaching the code below. Let me know if I am missing something.

    ASPX:
    <telerik:RadSplitter ID="RadSplitter1" runat="server">
            <telerik:RadPane ID="MiddlePane1" runat="server">
                <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" >
                        <telerik:RadPanelBar ID="RadPanelBar1" runat="server">
                            <Items>
                                <telerik:RadPanelItem runat="server" Text="SampleText">
                                    <ContentTemplate>
                                        <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" EmptyMessage="Enter Name"
                                            InputType="Token" DataSourceID="SqlDataSource1" DataTextField="ContactName">
                                        </telerik:RadAutoCompleteBox>
                                    </ContentTemplate>
                                </telerik:RadPanelItem>
                            </Items>
                        </telerik:RadPanelBar>
                    </telerik:RadSlidingPane>
                </telerik:RadSlidingZone>
            </telerik:RadPane>
        </telerik:RadSplitter>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionStringEmp %>"
            SelectCommand="select ContactName from [Customers]"></asp:SqlDataSource>

    Thanks,
    Princy
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top