Combo Box and Menu intertwined

3 posts, 1 answers
  1. Lynn
    Lynn avatar
    186 posts
    Member since:
    Sep 2006

    Posted 03 Mar 2011 Link to this post

    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. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Mar 2011 Link to this post

    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.
  3. Lynn
    Lynn avatar
    186 posts
    Member since:
    Sep 2006

    Posted 04 Mar 2011 Link to this post

    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
Back to Top