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

Combo Box and Menu intertwined

2 Answers 61 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Lynn
Top achievements
Rank 2
Lynn asked on 04 Mar 2011, 12:35 AM
I read the message that you folks are working with short staff the next couple of days...This can wait until next week.  The page is not in production yet.

I am having a problem with the combo box dropdown and the menu (both Telerik's).  The "text only" portion of the menus is showing through the dropdown of the combo box.  I have tried ZIndex settings of 750 on the combo box and 500 on the menu to no avail.

I have attached a screen capture of the problem.  Any suggestions as to how to resolve this would be appreciated.

Thanks in advance and have a great holiday week-end over there.  We're all having to work today.

Lynn

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 04 Mar 2011, 06:57 AM
Hello Lynn,

I have tried the similar scenario and that worked as expected. Here am pasting my code and please make a double check with your code.

aspx:
<telerik:RadComboBox ID="Combo1" runat="server" ZIndex="700">
           <Items>
               <telerik:RadComboBoxItem Text="1111" />
               <telerik:RadComboBoxItem Text="1111" />
               <telerik:RadComboBoxItem Text="1111" />
               <telerik:RadComboBoxItem Text="1111" />
           </Items>
       </telerik:RadComboBox>
       <br />
<telerik:RadMenu ID="RadRM_TopNav" runat="server" Skin="Hay">
           <Items>
               <telerik:RadMenuItem Text="Root1" ImageUrl="../Images/tabSelected.jpg">
                   <Items>
                         . . . . . . . . . . .
</telerik:RadMenu>

setting the RadMenu z-index by overriding the default CSS:
.RadMenu_Default
      {
          z-index: 500 !important;
      }

or you can simply achieve the same by setting the z-index property of the RadComboBox to a value which should be greater that RadMenu default z-index value which is 7000.

Please take a look at this help article also.
Controlling absolute positioning with z-index

Thanks,
Shinu.
0
Lynn
Top achievements
Rank 2
answered on 04 Mar 2011, 02:58 PM
Shinu,

Interesting...

Before I submitted this post, I had set the ZIndex of both the menu and the combo box to specific values with the combo box value being higher.  This did not correct the issue.

However, looking the article that you sent me, I left the menu ZIndex "as is" (7000) and set the value of the combo box ZIndex to a higher value (8000).  This worked just fine and the problem is resolved.

Thanks!

Lynn
Tags
ComboBox
Asked by
Lynn
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 2
Lynn
Top achievements
Rank 2
Share this question
or