Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Menu > radMenu showing under radTabStrip when tab strip has horizontal scroll buttons

• Eduardo

  Posted on Jan 10, 2012 (permalink)

  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

  Reply

• Kate Kate

  Posted on Jan 11, 2012 (permalink)

  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

  Reply


• Eduardo

  Posted on Jan 11, 2012 (permalink)

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

  Reply

• Eduardo

  Posted on Jan 11, 2012 (permalink)

  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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Menu > radMenu showing under radTabStrip when tab strip has horizontal scroll buttons