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

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

1 Answer 30 Views
AutoCompleteBox
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 19 Sep 2013, 05:33 AM
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

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 19 Sep 2013, 12:55 PM
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
Tags
AutoCompleteBox
Asked by
James
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Share this question
or