Dear All,

I am using the pure CSS layout for designing web pages which includes menu control.

I tried to use the CSSFriendly adapters to design the menus but it had various limitations like StaticDisplayLevel cannot be greater than 1,MaxDynamicDisplay level is not being adhered to.

Therefore I switched to pure css layout using which not only do I get excellent page design but  can also have the menus designed as per my wish.

I am using the corporate design template given in the link

http://msdn2.microsoft.com/en-us/asp.net/aa336613.aspx

as a guide in my design efforts.

If you look at the css file of this template you will find that it supports menu design till the second level but my menus extend till the 5th level.

My web sitemap field looks like this:

<siteMapNode url="~/home.aspx" title="Home" description="HOME">

<siteMapNode title="Clinical Section" description="Clinical Section" >

<siteMapNode url="~/ClinicalSection/submenu1.aspx" title="Submenu1" description="Submenu1" >

<siteMapNode url="" title="Submenuoption1" description="Submenuoption1" >

<siteMapNode url="~/ClinicalSection/subsubmenuoption1.aspx" title="SubSubmenuoption1" description="SubSubmenuoption1" />

<siteMapNode url="~/ClinicalSection/subsubmenuoption2.aspx" title="SubSubmenuoption2" description="SubSubmenuoption2" />

<siteMapNode url="~/ClinicalSection/subsubmenuoption3.aspx" title="SubSubmenuoption3" description="SubSubmenuoption3" />

<siteMapNode url="~/ClinicalSection/subsubmenuoption4.aspx" title="SubSubmenuoption4" description="SubSubmenuoption4" />

</siteMapNode>

<siteMapNode url="~/ClinicalSection/submenuoption2.aspx" title="Submenuoption2" description="Submenuoption1" >

</siteMapNode>

</siteMapNode>

<siteMapNode url="~/ClinicalSection/submenu2.aspx" title="Submenu2" description="Submenu2" >

</siteMapNode>

<siteMapNode url="~/ClinicalSection/submenu3.aspx" title="Submenu3" description="Submenu3" >

</siteMapNode>

<siteMapNode url="~/ClinicalSection/submenu4.aspx" title="Submenu4" description="Submenu4" >

</siteMapNode>

</siteMapNode>

<siteMapNode title="Administration" description="Administration" >

<siteMapNode url="~/administration/submenu1.aspx" title="Submenu1" description="Submenu1" >

<siteMapNode url="~/administration/submenuoption1.aspx" title="Submenuoption1" description="Submenuoption1" >

<siteMapNode url="~/administration/subsubmenuoption1.aspx" title="SubSubmenuoption1" description="SubSubmenuoption1" />

<siteMapNode url="~/administration/subsubmenuoption2.aspx" title="SubSubmenuoption2" description="SubSubmenuoption2" />

<siteMapNode url="~/administration/subsubmenuoption3.aspx" title="SubSubmenuoption3" description="SubSubmenuoption3" />

<siteMapNode url="~/administration/subsubmenuoption4.aspx" title="SubSubmenuoption4" description="SubSubmenuoption4" />

</siteMapNode>

</siteMapNode>

<siteMapNode url="~/administration/submenu2.aspx" title="Submenu2" description="Submenu2" >

</siteMapNode>

<siteMapNode url="~/administration/submenu3.aspx" title="Submenu3" description="Submenu3" >

</siteMapNode>

<siteMapNode url="~/administration/submenu4.aspx" title="Submenu4" description="Submenu4" >

</siteMapNode>

</siteMapNode>

<siteMapNode title="MIS" description="MIS HOME" >

<siteMapNode url="~/mis/submenu1.aspx" title="Submenu1" description="Submenu1" >

</siteMapNode>

<siteMapNode url="~/mis/submenu2.aspx" title="Submenu2" description="Submenu2" >

</siteMapNode>

<siteMapNode url="~/mis/submenu3.aspx" title="Submenu3" description="Submenu3" >

</siteMapNode>

<siteMapNode url="~/mis/submenu4.aspx" title="Submenu4" description="Submenu4" >

</siteMapNode>

</siteMapNode>

<siteMapNode title="Housekeeping" description="Housekeeping" >

<siteMapNode url="~/housekeeping/submenu1.aspx" title="Submenu1" description="Submenu1" >

</siteMapNode>

<siteMapNode url="~/housekeeping/submenu2.aspx" title="Submenu2" description="Submenu2" >

</siteMapNode>

<siteMapNode url="~/housekeeping/submenu3.aspx" title="Submenu3" description="Submenu3" >

</siteMapNode>

<siteMapNode url="~/housekeepings/submenu4.aspx" title="Submenu4" description="Submenu4" >

</siteMapNode>

</siteMapNode>

</siteMapNode>

How can I extend the css relating to the menus till the 5th level?

The code within the  #mainnav relates to the menus.

Pls provide the necessary css code.While providing the code pls give explanation for each level wthin comments.

Your help will be highly appreciated.

Thanks.

sunny74,

You may want to consider including the StyleSheets associated with this menu layout, or an active link to your site. Speaking for myself, I don't have time to download and install a theme, then sift through the files looking for this StyleSheet.

Another consideration: menus that exceed 3 levels deep degrade your site's usability.
 

Hi 

sunny74:

If you look at the css file of this template you will find that it supports menu design till the second level but my menus extend till the 5th level.

Do you set the StaticDisplayLevels of the menu's property is 5?

If there are 5 levels in the sitmap file, if you want menu extend to 5th level like the msdn link that your posted, you should set StaticDisplayLevels is 5.

For example:

<asp:Menu ID="mainMenu" SkinID="mainMenu" DataSourceID="mainnavSitemap" Orientation="Horizontal" runat="server"
        StaticDisplayLevels="5" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="0" /> 

Hope it helps.

Hi Amanda,

I am showing the 5 levels of menu using 2 menu controls, one at the top and one on the left side.

Now the top one displays menus till level 3 and rest 2 levels by the menu control on the left side.

Both the menu control have one level of dynamic menus. So I wanted to know, how to display the dynamic level using css. As I told you the first 2 levels of the top menu is static and I know how to add css to it(from the design template link).

Anyhow I solved the problem myself. Thanks for taking interest.

I have a different question for you.

What is the word MSFT that you write beside your name?

How does one become a MSFT?

I will be glad if you answer my questions.

Thanks once again.

Hi

sunny74:

What is the word MSFT that you write beside your name?

MSFT is the designation used by Microsoft Employees on these forums.

You can refer this thread: http://forums.asp.net/t/1126847.aspx

Hope it helps