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";
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;
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.