radMenu showing under radTabStrip when tab strip has horizontal scroll buttons

4 posts, 0 answers
  1. Eduardo
    Eduardo avatar
    30 posts
    Member since:
    Feb 2009

    Posted 10 Jan 2012 Link to this post

    Hi,

    I have a menu and a tab strip on the page, the menu root is above the tab strip and the menu

    I'm having a problem with z-indexes for radMenu and radTabStrip when the tab strip goes over the width of the window and shows the buttons to scroll left and right (next and previous arrows). When this happens, the radMenu shows under the Tab Strip and I need it to show above. I tried to play with z-index everywhere but had no luck.

    However, when the tab strip do not have those scroll buttons, it works perfect, the menu shows above the tab strip.

    Thanks for any help
    Eduardo
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Jan 2012 Link to this post

    Hello Eduardo,

    Can you please clarify the browsers under which you are testing your page as well as the version of the Telerik controls that you are using? In case you use IE you should note that in general the stacking order in IE6/7 is rather broken. To fix it, make sure that the container of your image has lower z-index (and position: absolute/relative if needed) than the container of your RadMenu (the containers that are on the same level in the DOM). However, in case this does not help I would suggest that you open a support ticket and send us a simple project or a live URL that demonstrates it?

    Regards,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eduardo
    Eduardo avatar
    30 posts
    Member since:
    Feb 2009

    Posted 11 Jan 2012 Link to this post

    We are actually using it on IE8/9. I'll try to create a small sample project and submit as support ticket.

    Thanks,
    Eduardo
  5. Eduardo
    Eduardo avatar
    30 posts
    Member since:
    Feb 2009

    Posted 11 Jan 2012 Link to this post

    Hi,

    Actually I found the issue, it was not with the Telerik controls, it was a "position: relative;" that we were using on a div wrapping the menu to position it on the left side of the page opposed to other items aligned to the right.

    I changed to use float: left and all is working now.

    Thank you!
    Eduardo
Back to Top