Dear All,

I installed the CssFriendly.DLL by adding reference to it and then copied the css files in the App_Themes folder and also the .browser file in the App_browser folder.

I am facing the following problems:

1)  Initially I had the Menu.css and SimpleMenu.css in my Themes folder.Then I had MenuExample.css and Menu.css in my Themes folder.Finally I put the MainMaster.css and Menu.css in my themes folder.

StaticDisplayLevels="2"   and

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

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

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

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

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

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

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

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

</siteMapNode>

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

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

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

</siteMapNode>

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

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

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

</siteMapNode>

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

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

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

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

</siteMapNode>

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

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

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

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

</siteMapNode>

</siteMap>

2) Another problem is that if I use the css files alone without the adapter they don't work. Why does it happen like that?

How can I use it directly?

Any help that solves the problem will be gratefully accepted.

Thanks.

If I understand correctly, you want the second tier of your horizontal menu to be horizontal also? I don?t think I?ve seen this before and I?m not sure the adapters will do it. If the menu items on the right of your page have submenus, you?re much more likely to disappear off the page?

I think the style/property that causes the top tier to display horizontally is in the ?Menu.css? file:

.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
  float: left;
}   

Subsequent tiers will display vertically because of the following:

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
  float: none;
}

You could try changing the latter to ?float: left? also (I?ve never tried it).

As to your second question, the script ?MenuAdapter.vb? (or .cs) writes the lists to the page and also writes the appropriate CSS classes to the lists. Have a look at the page source and you?ll see things like:

<div class="AspNet-Menu-Horizontal">
<ul class="AspNet-Menu">
 etc?

Without the Adapters the CSS files will not be loaded or referenced.

Many of the properties of the ASP.NET menu will be overridden by the adapters and will no longer have any effect.

Hi,

Why can't I have my second tier as horizontal and static.

As you can see from my site map that HOME is my first tier folllowed by second tier items Clinical Section, Administration,MIS,Housekeeping. Now I want all these menus to be static and beside home. That is why I have selected StaticdisplayLevel = 2 and MaximumDynamicLevel = 1.

But these settings are getting overriden by the Adapter. So how can I make the adapter implement these settings. I need to implement 5 levels of menus. The first 3 are implemented using a menu control at the top(about which we are discussing) and next 2 levels using a tree view.

If I use the menu control without the Adapter I get what I want. I am using the adapter for a better look and feel.

2) Assuming that I don't get what I need using Adapters then what is the alternative. Can I use Javascript menus that are dynamic i.e fetch data from Web.Sitemap. How to do that?

3) There are some Templates given under AutoFormat. Is it possible to add more Templates to that?

4) Can I put my own stylesheet for the Adapter to implement or does it do only the ones given with it. Can you send me a few stylesheets with rounded corners and which look like Tabs. First 2 levels shud be static, horizontal  and third tier dynamic, vertical drop down.

5) Which is the fastest and best way to make dynamic menus in ASP.NET?

I got stuck with this very badly.Pls suggest a way out of this problem.

Thanks. 

Sorry, I misread your post. The adapters don't support more than 1 static level. See this thread for a possible workaround:

 http://forums.asp.net/p/992059/1290922.aspx#1290922

Hi Paul,

I got the CSSFriendly adapters to work by downloading the DLL from www.codeplex.com  and adding reference to it.Also added the .browser file and the css files in pairs(3 sets) as mentioned before.On doing this the output was as is supposed to be- as shown in the adapter website.

However there is another way to make it work as stated in the website.It says to add the .cs files under the Adapters folders in the App_code folder and then the .browser file and css files as usual.I did this with 2 sets of css files kept under a theme in the App_Themes folder.The first set is Imports.css and MenuExample.css and second set is Imports.css and SimpleMenu.css. In both cases all the three levels are coming static when only 2 levels shud be static and 1 dynamic.Besides it is disproportionate and alters the layout of the page.

I don't know what is going on & why?

When I use Menu.css and SimpleMenu.css I get to see only home with a green border, with no drop downs i.e other menus. When I use Menu.css with MenuExample.css I get to see only Home but in its original form i.e look without adapters, and no drop downs.

Why do I get such awkward output when I am not using the DLL version of the adapter? Is it bec' it doesn't work properly if the files are kept in the App_code folder and not compiled into DLL.

I saw the link you gave me.The guy SAM has given some code to make Static DisplayLevel work. How do I make those files into a DLL, because otherwise it won't properly as I told just before this. Do I need to make all those files in the App_code folder into a single DLL?

Does the code given by Sam work?

This problem is wracking my brains a lot.Pls help me to get out of this mess.

You have not answered my earlier questions in my previous post.Pls answer if you happen to know them or atleast tell that you don't know it..

Thanks.

I started using the CSS Adapters for menus some time ago for a system that allows users to build their own menus. I found the basic ASP.NET menu had significant styling limitations. There?s a trade-off, as you?ve discovered.

I don?t use a web.sitemap file, I use my own XML file, so I can dictate the contents of each tier. Also, all my second+ tiers are dynamic, so I?ve never faced the issue you?re facing. So it?s unlikely I can offer you much help I?m afraid.

For my project I significantly modified my MenuAdapter.vb file to exclude a lot of the classes written to the lists, links and spans (most of which I wasn?t using) and because I found it impossible to style the ?selected? nodes (including parents/children), even with all the recommended !important CSS style-properties. Incidentally, I have my Adapter vb files in the App_Code/Adapters folder, and everything works fine.

As far as the Adapter stylesheets are concerned, you can use your own, provided (obviously) you use the selector names written to the menu elements. I remember the stylesheets I downloaded as examples were far from perfect. I suggest you get to know the selectors applied and where they are applied and gain an understanding of how the menu is influenced with each selector. It took me an age to come to terms with this myself!

Russ Helfand was the man who authored the menu adapters and he used to be very active on this site, but I notice he hasn?t been around since October last. Have you tried the discussions at codeplex?