Hi:
Having a z-index issue with the dropdown part of menu. See attached file.
Phil
Having a z-index issue with the dropdown part of menu. See attached file.
Phil
7 Answers, 1 is accepted
0
Hi Phil,
You get this look since the z-index of the RadToolBar control is higher than the one of the RadMenu. Therefore in order to get the correct appearance you will need to alter the z-index of either of the controls so that the one on top should have a higher z-index. I would suggest that you refer to the following help article where it is explained in details how this can be done - Controlling absolute positioning with z-index
All the best,
Kate
the Telerik team
You get this look since the z-index of the RadToolBar control is higher than the one of the RadMenu. Therefore in order to get the correct appearance you will need to alter the z-index of either of the controls so that the one on top should have a higher z-index. I would suggest that you refer to the following help article where it is explained in details how this can be done - Controlling absolute positioning with z-index
All the best,
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.
0

Phil
Top achievements
Rank 2
answered on 23 Apr 2012, 11:34 PM
Hi Kate:
I am running versio 2011.2.915.40. Does the dropdown part of the menu now have a separate z-index. I have the menu-bar set to 2700 because of RadComboBox sometimes go up under the menu-bar.
I am having this problem with RadTabStrip and RadScheduler.
I am NOT having the problem with RadPanel, RadCalendar, RadButton, RadChart, RadComboBox and RadGrid.
I see:
is that the dropdown part and how do it reset the value.
Phil
I am running versio 2011.2.915.40. Does the dropdown part of the menu now have a separate z-index. I have the menu-bar set to 2700 because of RadComboBox sometimes go up under the menu-bar.
I am having this problem with RadTabStrip and RadScheduler.
I am NOT having the problem with RadPanel, RadCalendar, RadButton, RadChart, RadComboBox and RadGrid.
I see:
.RadMenu_Context
{
z-index:1000;
overflow:visible;
}
Phil
0

Phil
Top achievements
Rank 2
answered on 25 Apr 2012, 12:11 AM
Hi:
Attached is an image of the same form under Firefox, ... it is fine, so this is a IE 9 issue.
Phil
Attached is an image of the same form under Firefox, ... it is fine, so this is a IE 9 issue.
Phil
0
Hi Phil,
I tested your scenario with the 2011.2.915.40 version of the Telerik controls in IE7,8 and 9 as well as the different skins including the "Outlook" but I can not replicate the issue that you encounter. Do you use master/content pages or any custom styles that might be causing this appearance?
Regards,
Kate
the Telerik team
I tested your scenario with the 2011.2.915.40 version of the Telerik controls in IE7,8 and 9 as well as the different skins including the "Outlook" but I can not replicate the issue that you encounter. Do you use master/content pages or any custom styles that might be causing this appearance?
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.
0

Phil
Top achievements
Rank 2
answered on 25 Apr 2012, 03:55 PM
Hi:
The RadMenu is in the master page and the RadTabStrip is in the content page, and I have the following css applied to the ts and mp per Telerik previous suggestion.
And if one removes the above css, the problem disappears in IE9.
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/convert-from-ajax-toolkit-tabs-to-telerik-tabstrip.aspx
So, how do I fixup the tsStyle?
Phil
The RadMenu is in the master page and the RadTabStrip is in the content page, and I have the following css applied to the ts and mp per Telerik previous suggestion.
<
style
type
=
"text/css"
>
.mpStyle { border: 1px solid #898c95; margin-top: -1px; }
.tsStyle { position: relative; }
</
style
>
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/convert-from-ajax-toolkit-tabs-to-telerik-tabstrip.aspx
So, how do I fixup the tsStyle?
Phil
0
Accepted
Hello Phil,
I noticed that you also opened a support ticket with the same issue (ID 537506) and therefore I would like to ask you to keep the communication in one place so we can avoid any confusion.
Regards,
Kate
the Telerik team
I noticed that you also opened a support ticket with the same issue (ID 537506) and therefore I would like to ask you to keep the communication in one place so we can avoid any confusion.
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.
0

Phil
Top achievements
Rank 2
answered on 27 Apr 2012, 11:15 PM
Hi Kate:
I am closing the ticket.
My RadMenu was inside a div tag with the class header. Header also has a
Thanks for all your help. You are great.
Phil
I am closing the ticket.
My RadMenu was inside a div tag with the class header. Header also has a
position: relative;
style and it appears that IE does not like nested position: relative;
styles..header
{
position: relative;
margin: 0px;
padding: 0px;
background: #4b6c9e;
width: 100%;
}
Thanks for all your help. You are great.
Phil