Vertical separator on 2 column sub menu

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:17

Vertical separator on 2 column sub menu

Poster: tjjn062
Dated: Monday August 25 2008 - 20:57:27 BST

I am trying to figure out how to create a verticle column separator. If you go to http://www.suppliesguys.com/ and mouse over the Brands on the menu, you can see the effect I am trying to accomplish.

Re: Vertical separator on 2 column sub menu

Poster: Ruth
Dated: Tuesday August 26 2008 - 2:06:11 BST

Hi,

You can do that using the divides setup and separators. I am going to post the code below for the MyMilonic submenu in the download so you can test it and see.

1. there are six items, so to get a two column divide you need to code it as divides=3;
2. because the menu has a border you will need to set the separatorsize in the odd items to 0
3. when the items divided into two columns for now it has to be a horizontal menu that you divide [seems to be a bug] so you have to set the submenu to be orientation='horizontal'; Dividing a horizontal menu will put all the odd items in the left column and the even items in the right column.

You'll see how I set the separators for the items that are in the right column

Code:

with(milonic=new menuname("MyMilonic")){
style=menuStyle;
divides=3;
orientation='horizontal';
aI("text=Login;url=http://www.milonic.com/login.php;");
aI("text=Licenses;url=http://www.milonic.com/mylicenses.php;separatorsize=0;");
aI("text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://www.milonic.com/reqsupport.php;separatorsize=0");
aI("text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("text=Your Details;url=http://www.milonic.com/mydetails.php;separatorsize=0;");
}

Hope this helps

Ruth

Re: Vertical separator on 2 column sub menu

Poster: tjjn062
Dated: Tuesday August 26 2008 - 14:03:07 BST

That did it. Thanks for your help. I really appreciate it!!

Re: Vertical separator on 2 column sub menu

Poster: tjjn062
Dated: Thursday August 28 2008 - 14:51:52 BST

Now I have to figure out how to provide the same look on a menu that is being built off of an HTML list. Any suggestions?

Re: Vertical separator on 2 column sub menu

Poster: Ruth
Dated: Thursday August 28 2008 - 15:27:29 BST

Well, I might have some if you give me the page with the list on it so I can experiment

by the way, you do know that you can set up the Milonic menu to actually create itself from the list menu?

I can take that page you had and set up the milonic for you to show you how to do that. This means that on any browser with js the Milonic menu would be up at the top, and on any browser without js that list menu would show.

Ruth

Re: Vertical separator on 2 column sub menu

Poster: tjjn062
Dated: Thursday August 28 2008 - 17:03:41 BST

Thanks Ruth. Here is the sample that I have been working on for the lists.

Re: Vertical separator on 2 column sub menu

Poster: Ruth
Dated: Friday August 29 2008 - 5:38:33 BST

Hi,

I have it, and I'm working on it, but at this point I don't think this is going to be possible. I have contacted Milonic about it, but from my knowledge of the menu it isn't going to be possible to have the listmenu use divides at all. The various properties of the menu fall into classes, style, menu and item properties. Orientation and divides are menu properties so, for the submenus that come from a list menu, there is no place to apply those properties in the style section so no way to apply them in the listmenu. I'll keep playing to see if there is any way to do what you want and if I find it, I'll post back. Nothing is easy, right :lol:

Ruth