Outlook style.... Need help defining styles and menus

Brannmark · Post by **Brannmark** » Tue Apr 04, 2006 7:34 am

I want to create an outlook style menu. When I click on one of the "main" menu items it should open a treemenu like in the image. Can someone help me out on how to achive this with milonic and the treemenu addon?

Post by **Ruth** » Tue Apr 04, 2006 4:17 pm

Hi,

People would need the images in order to help you with something like that. So you'd have to put them someplace they could get all those images.

Ruth

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 6:46 am

I dont need a finished "style", but rather a exampel on how I coul achive this.

Been testing some, and the buttons in the bottom is set relative into a td. But I need to setup the "tree" menu above to relative also, as I dont know the exact position. If I dont set the tree menu to relative it works great. But when I set the parent tree menu to relative it doesnt work..

Migru · Post by **Migru** » Wed Apr 05, 2006 6:59 am

Hi

as far as I remember, the relative positioning of the treemenu should not be implemented in the same way as it is suggested for the "table based menu".
Try to put the entire menu into the <td> (not only the main menu), but of course using - position="relative"; - .

Michael

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 9:18 am

Got it to work, expanding and closing trees good. But when I use the openbyurl script to "remember" what menus that where open, it expands all tree menus, even if the nodes where closed...

Migru · Post by **Migru** » Wed Apr 05, 2006 9:34 am

Hi

global setting in treemenu_data.js

Code: Select all

singleMasterMenu=true; //have one menu open at a time

order of js-references:

<script type="text/javascript" language="JavaScript" src="treemenu.js"></script>
<script type="text/javascript" src="openmenusbyurl.js"></script>
<script type="text/javascript" language="JavaScript" src="treemenu_data.js"></script>

Please see:
http://milonic.com/treemenu/

Michael

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 9:39 am

Ok, now I found what caused that problem. Cant use the same "page" on the two nodes, as then it expands all nodes with that "page" name, is that correctly understood?

Migru · Post by **Migru** » Wed Apr 05, 2006 9:43 am

Hi

if you mean with "page" = url, I think so, its correct.

Michael

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 9:46 am

Yepp, seams to be that. As now it works great when I put diffrent pages in all urls...

Would this mean I could have problems with a page that has querystings, or does the openmenusbyurl grab the whole page name including querystrings?

Migru · Post by **Migru** » Wed Apr 05, 2006 9:51 am

Hi

find out by testing please, got some experience with the treemenu, but not really indepth and not at all with the source, just user of "my" datafile. in this case.

Michael

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 9:56 am

Seams to work with querystrings, so the page could have the same name, if the querystring for the "menus" are diffrent

Brannmark · Post by **Brannmark** » Wed Apr 05, 2006 10:57 am

Any way to keep all opened nodes in a treemenu open? the openmenusbyurl will keep the clicked node open.

Like this:

Parent Node1
____sub node 1
Parent node2
____sub node2

If I click sub node2, Parent node1 closes, and parent node2 opens like it should. But what if I would like to keep the parent node1 open also?

Migru · Post by **Migru** » Wed Apr 05, 2006 11:03 am

Hi

please study the samples

http://milonic.com/treemenu/

particularly

http://milonic.com/treemenu/tree/
and click there open all - close all

If you look into the html source you find the relevant functions and you can download the relevant treemenu_data.js. (by manually entering the url into your browsers addres field, you will know that.)

Michael