Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:03

seen a menu, can i build it with milonic?


Poster: paul
Dated: Sunday May 8 2011 - 20:01:44 BST

I 've been happy with my milonic based menu for quite some time now, and want to keep it like this.
www.cadzand.com

But a lot of objects, means difficulty in a simple and easy to view menu, to present all objects.
Now I've seen a menu that I would like to try, its
http://thetechjournal.com

Its not about the main menu, its about the apple submenu, that shows up with mouseover, and shows 5 columns of headers and submenus. That is what I would like to try too.
The menu is built upon jquery, the apple submenu is what I can see from the page source, a table.
My question is, can i built this apple submenu in milonic, or if not possible, the table submenu and show it upon mouseover?

Thanks, Paul.

Re: seen a menu, can i build it with milonic?


Poster: Ruth
Dated: Sunday July 17 2011 - 9:06:29 BST

Hi,

Yes, you can build a submenu like that. There is a property in the menu called divides that you can use. There are things to keep in mind since you are using menubgimages, but they aren't a problem you just need to make some tweaks. So, in order to do this, I will use the main menu item 'verkoop', just because it has a bunch of items in it.

1. Go to just below the with(XPMenuStyle=new mm_style()){ in your menu data file, between the end of that style and the beginning of main menu and add this. We are creating a new style based on the XPMenustyle:

Code:
dividesStyle=new copyOf(XPMenuStyle);
dividesStyle.separatorsize=0;
dividesStyle.menubgimage="icons/backoff2003_web1.gif";


the background image used is from this sample http://www.milonic.com/menusample46.php
You have to make that backoff2003 image wider [try 1100px]. This is so it doesn't repeat and show the menubgimage blue line repeated in the new divided menu.

2. go down to the main_verkoop menu coding and change it to this:
Code:
with(milonic=new menuname("main_verkoop")){
margin=2;
style=dividesStyle;
divides=4;
style.separatorsize=0;


3. go to the two items in that menu that have separatorsize= in them, you must either remove that or change the size to 0. You cannot use separators when doing the divides in a vertical menu.

That should be it. I set the divides at 4, but you could set it at more or less depending on how many columns you want.

I have played around with this a couple of times. There are interesting things you can do. For example, let's say there are 24 items in it and you want 6 columns, but you want the 1st item in each column to be a header. When you set divides at 6, it will divide it in the following manner, 1st 6 items in the menu will be the 1st item in each column across the columns. The 2nd 6 items will be the 2nd item in each column and so on. So if you wanted to created a 'header' looking top part to each column, you would just make the 1st six items in the menu headers.

Hope this helps.