CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Zone: > NEWSGROUP > Asp.Net Forum > general_asp.net.master_pages_themes_and_navigation_controls Tags:
Item Type: NewsGroup Date Entered: 11/29/2005 4:59:31 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 7 Views: 78 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
8 Items, 1 Pages 1 |< << Go >> >|
ivanchok
Asp.Net User
Menu control renders items behind content when used in a master page11/29/2005 4:59:31 PM

0/0

I created a Masterpage and added a menu control.  Then I added a content page.

The menu control works fine, but renders the menu BEHIND the content added in the ContentPlaceHolder.  

If I add a login control to the content page, the menu items that drop down from the menu control show up behind the login control.

How do you get the menu control to render the drop down list of menu items in front of the content displayed in the ContentPlaceHolder area?


Ivan.
jcasp
Asp.Net User
Re: Menu control renders items behind content when used in a master page11/29/2005 7:41:12 PM

0/0

I remember this issue from way back when, but there was no apparent solution.  If I recall correctly, it had to do with the Z-order of the pop-up being created, resulting in display behind other controls that overlap the screen.  I'll try to look into this to see if a remedy had been implemented, but in the mean time, if someone can point to a solution, it'll help me as well.
patrick24601
Asp.Net User
Re: Menu control renders items behind content when used in a master page11/29/2005 8:46:12 PM

0/0

I had and solved the exact same problem this morning.

Set up the layout of your pages using CSS and dividing it up into different <div> sections. Then you can set the depth level of each <div> section by using the z-index parm. The higher the number the higher the level of that div.

For example - In my CSS file I have a definition for the <top> div. I make sure the layer level (z-index) is higher than the default of 0:

#top

{z-index: 50;}

Then I use it in my master page

<div id="top">Menucontrol</div>

Every time that menu drops down it will be above everything else.

AllAboutFocus.com.
Information Technology Solutions
Helping You Focus. Helping You Succeed.
BobC
Asp.Net User
Re: Menu control renders items behind content when used in a master page2/27/2006 1:45:02 PM

0/0

If you place the menu control inside a div control, it is then possible to change the z-order in the page without having to create a css class.

Click the div control and in the Style property click Position.

Change the positioning mode to `Absolutely Position' and then you will be able to access the Z-Index text box. Change this to a high value (say 20) and click ok.

You should now find that the fly out menu appears above any overlapping control.

 
MBeard
Asp.Net User
Re: Menu control renders items behind content when used in a master page2/28/2006 10:47:00 PM

0/0

I did this and it did not help at all (although your answer made sense to a newbie like me).   Here is the code that I ended up with.

Do you see what I am doing wrong?

<div style="z-index: 50; position: absolute"><asp:Menu ID="Menu2" runat="server" BackColor="#FFFBD6" DynamicHorizontalOffset="2"

Font-Names="Verdana" Font-Size="Small" Font-Underline="False" ForeColor="#9C2A00"

Orientation="Horizontal" StaticSubMenuIndent="10px" Width="100%">

<StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />

<Items>

<asp:MenuItem SeparatorImageUrl="~/BD21294_.GIF" Text="Logoff" Value="Logoff"></asp:MenuItem>

<asp:MenuItem SeparatorImageUrl="~/BD21294_.GIF" Text="Personnel" Value="Personnel">

</asp:Menu></div>
BobC
Asp.Net User
Re: Menu control renders items behind content when used in a master page3/1/2006 9:03:56 AM

0/0

You are quite right - my solution only appears to work when not using a master page.

I am using a vertical menu on the left hand side of the page and my flyout menu was disappearing under a panel which the z-order div cured.

When I tested it with a master page, the menu disappears.
cuibel
Asp.Net User
Re: Menu control renders items behind content when used in a master page3/7/2006 9:49:27 PM

0/0

I got it to work just fine in the master page. i set all the textboxes in the "child page" to low z-index numbers like 21,22 etc and the div around the menu to 104
ivanchok
Asp.Net User
Re: Menu control renders items behind content when used in a master page4/13/2007 2:33:09 PM

0/0

I ended up using a <div> section as follows:

<div style="z-index: 999999; position: relative">
  <asp:TreeView ID="TreeView1" runat="server">
  </asp:TreeView>
</div>
That solved the problem and it has been working fine for over six months now.
Ivan.
8 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Real World SharePoint 2007: Indispensable Experiences from 16 MOSS and WSS MVPs Authors: Scot Hillier, Robert Bogue, Adam Buenz, Andrew Connell, Stacy Draper, Luis Du Solier Grinda, Todd O. Klindt, Jason Medero, Dustin Miller, Shane Perran, Joris Poelmans, Heather Solomon, Nick Swan, Jan Tielens, Mike Walsh, Shane Young, Pages: 478, Published: 2007
ASP.NET 2.0 Instant Results Authors: Imar Spaanjaars, Paul Wilton, Shawn Livermore, Pages: 456, Published: 2006
Visual Basic 2005: How to Program Authors: Harvey M. Deitel, Paul J. Deitel, Pages: 1513, Published: 2006
Visual C# 2005: How to Program Authors: Harvey M. Deitel, Pages: 1591, Published: 2006
C# for Programmers/ Harvey M. Deitel, Paul J. Deitel Authors: Paul J. Deitel, Pages: 1317, Published: 2005
Pro VB 2005 and the .Net 2.0 Platform Authors: Andrew Troelsen, Pages: 1034, Published: 2006
Pro C# 2008 and the .NET 3.5 Platform Authors: Andrew Troelsen, Pages: 1370, Published: 2007
Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages Authors: Jacob J. Sanford, Pages: 474, Published: 2007
Windows Developer Power Tools: Turbocharge Windows Development with More Than 140 Free and Open Source Tools Authors: James Avery, Jim Holmes, Pages: 1263, Published: 2006
Dreamweaver CS3 Bible: Master Every Aspect of Dreamweaver - Work with CSS, Text, Images, And Links - Incorporate Flash Movies and Other Media Authors: Joseph W. Lowery, Pages: 1112, Published: 2007

Web:
Menu control renders items behind content when used in a master ... I created a Masterpage and added a menu control. Then I added a content page. The menu control works fine, but renders the menu BEHIND the ...
ASP.NET Menu control "hides" behind page - ASP.NET Forums I have made a website based on a masterpage with a menu control on it. ... it drops behind the content and is inaccessible. .... a direct import of your individual pages' code directly into the resulting page render. .... Having the same problem (also used master pages), .... Page 1 of 1 (14 items) ...
Not Rendering Correctly when Menu is on Master Page - Infragistics ... The control is populated dynamically when a content web page (i.e. based on the ... In our application, the PageLoad sets some menu items to not enabled (menu. ... I removed them and the menu control now renders correctly. ... do still stand however, can the ultrawebmenu be used with a master page? ...
ASP.NET 2.0: Enforce Web Standards For Better Accessibility They are a critical factor in how well software components can be used in future contexts. ... Other controls, like the menu control, should not render as a table. ... Using an HTML table to render a list of menu items is like using a .... Creating a Master Page that uses the XHTML 1.1 DocType is good way to ensure ...
Microsoft Enterprise Content Management (ECM) Team Blog ... How can we have control on the menu items...i.e., I need to display /hide ... The way I thinked is to render our custom style(HTML/CSS/JavaScript) or ... The product team has released the code for the menu control used in WSS v3 and MOSS 2007. ... In de masterpage replace the all tags by the ...
Themes & Master Pages - Are they enough ? NET menu control. If you do nothing the control natively renders as a ... The menu still renders out as a table, but if you could apply a class to the menu item .... It also supports the concept of nested master pages and it can be used ... Because of that, people could use the code-behind in their own theme to do ...
Master Pages In ASP.NET 2.0 Jul 18, 2005 ... Text="Experiments" Value="Experiments"/>. . ... in a




Search This Site:










changing the 'aspnetform' id when using masterpages

treeview not expanding

asp.net 2.0 treeview control performance

content place holder in the <head> tag

rss feed not working in a content placeholder

seeting color to row of a gridview based on some condition

running code depending on the page

nested masterpages

masterpage/menu - content page getting cut off in firefox

treeview - selecting

how can i make a master page in visual studio for html pages?

sharing master pages across applications

designing a template homepage using masterpage

classic theme...

treeview performance limitations

treeview: displaying the expand/collapse buttons on right side of text instead of left

design problem i could use some hints or help

how to map sub domain and sub folders with themes (asp.net 2.0)

using multiple sitemap files in your web site

display the same links on every page

sharepoint help

drag & drop functionality for tree view nodes in vb.net

calendar custom control in content page

problem creating sitemapnode for use in custom sitemapprovider

where is header and side template insert table ??

menu & security

css background-image and menu control

top menu with one style when select even when a sub menuitem selected

page has very large height but is empty

tree view control
  Privacy | Contact Us
All Times Are GMT