No Collapse Tree Menu
I am using the tree menu and I want It to load with all menus expanded and have it stay that way. No matter what the user clicks. Is there anyway to disable the collapse function in the tree menu?
Please see attached.
Thank you,
Allen Niere
No Collapse Tree Menu
No Collapse Tree Menu
- Attachments
-
- Capture.JPG (17.47 KiB) Viewed 4514 times
Re: No Collapse Tree Menu
Hi,
Is that picture the full menu, is there only the 'main' and no subs or is the image of a main and subs also? Can you please post the treemenu data file so I can work on it and see how to set it up the way you want?
Ruth
Is that picture the full menu, is there only the 'main' and no subs or is the image of a main and subs also? Can you please post the treemenu data file so I can work on it and see how to set it up the way you want?
Ruth
Re: No Collapse Tree Menu
Hi Ruth,
The sub-nav is starts with "Community Relations" and ends with "Land O'Lakes Foundation". I am still working on the design and have not added the images to subnav yet.
The menu is being created on the fly by our content management system.
Heres the data file info:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500 // The delay for menus to remain visible on mouse off
_menuOpenDelay=150 // The delay for opening menus on mouse over
_subOffsetTop=0; // Sub menu offset Top position
_subOffsetLeft=0; // Sub menu offset Left position
Goverfilter="Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0);Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=5)"
Goverfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)"
Goutfilter="randomdissolve(duration=0.3)"
Goutfilter=""
Goverfilter=""
AllMargin=0
treeOffset=0; // Used to set the offset of sub menus
singleMasterMenu=false // Informs the system to only have one menu open at a time
retainClickValue=true
with(tstyle1=new mm_style()){
onbgcolor="transparent";
oncolor="#e03416";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="0";
separatorpadding="0";
rawcss="padding:0 0 0 0";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
//fontweight="bold";
pagecolor="#000000";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
itemwidth="130px";
itemheight="10px";
}
with(tstyleSub=new mm_style()){
onbgcolor="transparent";
oncolor="#5E9243";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="0";
rawcss="padding:8 0 8 10";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
fontweight="bold";
pagecolor="#5E9243";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
itemwidth="130px";
itemheight="10px";
}
sub1Style=new copyOf(tstyleSub)
sub1Style.onbgcolor="transparent";
sub1Style.oncolor="#5E9243";
sub1Style.ondecoration="none";
sub1Style.offbgcolor="transparent";
sub1Style.offcolor="#92835e";
sub1Style.bordercolor="#01734B";
sub1Style.borderstyle="solid";
sub1Style.borderwidth="0px";
sub1Style.separatorcolor="#92835e";
sub1Style.separatorsize="0";
sub1Style.separatorpadding="0";
sub1Style.rawcss="padding:8 0 8 10";
sub1Style.fontsize="8pt";
sub1Style.fontstyle="normal";
sub1Style.fontfamily="Arial, Helvetica, Verdana, Geneva";
//sub1Style.fontweight="bold";
sub1Style.pagecolor="#5E9243";
sub1Style.pagebgcolor="transparent";
sub1Style.pagedecoration="none";
sub1Style.headercolor="#000000";
sub1Style.headerbgcolor="#ffffff";
sub1Style.itemwidth="130px";
sub1Style.itemheight="10px";
sub2Style=new copyOf(tstyleSub)
sub2Style.onbgcolor="transparent";
sub2Style.oncolor="#5E9243";
sub2Style.ondecoration="none";
sub2Style.offbgcolor="transparent";
sub2Style.offcolor="#92835e";
sub2Style.bordercolor="#01734B";
sub2Style.borderstyle="solid";
sub2Style.borderwidth="0px";
sub2Style.separatorcolor="#92835e";
sub2Style.separatorsize="0";
sub2Style.separatorpadding="0";
sub2Style.rawcss="padding:2 0 6 10";
sub2Style.fontsize="7pt";
sub2Style.fontstyle="normal";
sub2Style.fontfamily="Arial, Helvetica, Verdana, Geneva";
//sub2Style.fontweight="bold";
sub2Style.pagecolor="#5E9243";
sub2Style.pagebgcolor="transparent";
sub2Style.pagedecoration="none";
sub2Style.headercolor="#000000";
sub2Style.headerbgcolor="#ffffff";
sub2Style.itemwidth="130px";
sub2Style.itemheight="10px";
with(tstyle2=new mm_style()){
offcolor = "#000000";
onbgcolor = "transparent";
oncolor = "#FFFFFF";
offbgcolor="transparent"
ondecoration="none"
borderstyle = "solid";
subimage="menu_js/blue_arrow.gif"
onsubimage="menu_js/blue_arrow_down.gif"
bordercolor="black"
borderwidth=0
padding = 2
fontsize="10pt";
//fontweight="bold";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
subimageposition="menu_js/top right" ;
separatorsize=1
separatorcolor="#003366";
image="menu_js/trans.gif"
subimagepadding=3
imagepadding=2
itemwidth="199px";
itemheight="15px";
}
tstyle2.clickcolor="#ffffff"
tstyle2.clickbgcolor="transparent"
tstyle2.clickimage="menu_js/red_blip.gif"
tstyle2.clicksubimage="menu_js/white_arrow_down.gif"
with(GlobalMenuStyle=new mm_style()){
onbgcolor="transparent";
oncolor="#e03416";
ondecoration="underline";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="10";
rawcss="padding:0 0 0 0";
fontsize="7pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
//fontweight="bold";
pagecolor="#000000";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
}
with(MainMenuStyle=new mm_style()){
onbgcolor="transparent";
oncolor="#5E9243";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="10";
rawcss="padding:0 0 0 0";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
fontweight="bold";
pagecolor="#5E9243";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
}
drawMenus();
Thanks,
Allen
The sub-nav is starts with "Community Relations" and ends with "Land O'Lakes Foundation". I am still working on the design and have not added the images to subnav yet.
The menu is being created on the fly by our content management system.
Heres the data file info:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500 // The delay for menus to remain visible on mouse off
_menuOpenDelay=150 // The delay for opening menus on mouse over
_subOffsetTop=0; // Sub menu offset Top position
_subOffsetLeft=0; // Sub menu offset Left position
Goverfilter="Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0);Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=5)"
Goverfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)"
Goutfilter="randomdissolve(duration=0.3)"
Goutfilter=""
Goverfilter=""
AllMargin=0
treeOffset=0; // Used to set the offset of sub menus
singleMasterMenu=false // Informs the system to only have one menu open at a time
retainClickValue=true
with(tstyle1=new mm_style()){
onbgcolor="transparent";
oncolor="#e03416";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="0";
separatorpadding="0";
rawcss="padding:0 0 0 0";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
//fontweight="bold";
pagecolor="#000000";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
itemwidth="130px";
itemheight="10px";
}
with(tstyleSub=new mm_style()){
onbgcolor="transparent";
oncolor="#5E9243";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="0";
rawcss="padding:8 0 8 10";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
fontweight="bold";
pagecolor="#5E9243";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
itemwidth="130px";
itemheight="10px";
}
sub1Style=new copyOf(tstyleSub)
sub1Style.onbgcolor="transparent";
sub1Style.oncolor="#5E9243";
sub1Style.ondecoration="none";
sub1Style.offbgcolor="transparent";
sub1Style.offcolor="#92835e";
sub1Style.bordercolor="#01734B";
sub1Style.borderstyle="solid";
sub1Style.borderwidth="0px";
sub1Style.separatorcolor="#92835e";
sub1Style.separatorsize="0";
sub1Style.separatorpadding="0";
sub1Style.rawcss="padding:8 0 8 10";
sub1Style.fontsize="8pt";
sub1Style.fontstyle="normal";
sub1Style.fontfamily="Arial, Helvetica, Verdana, Geneva";
//sub1Style.fontweight="bold";
sub1Style.pagecolor="#5E9243";
sub1Style.pagebgcolor="transparent";
sub1Style.pagedecoration="none";
sub1Style.headercolor="#000000";
sub1Style.headerbgcolor="#ffffff";
sub1Style.itemwidth="130px";
sub1Style.itemheight="10px";
sub2Style=new copyOf(tstyleSub)
sub2Style.onbgcolor="transparent";
sub2Style.oncolor="#5E9243";
sub2Style.ondecoration="none";
sub2Style.offbgcolor="transparent";
sub2Style.offcolor="#92835e";
sub2Style.bordercolor="#01734B";
sub2Style.borderstyle="solid";
sub2Style.borderwidth="0px";
sub2Style.separatorcolor="#92835e";
sub2Style.separatorsize="0";
sub2Style.separatorpadding="0";
sub2Style.rawcss="padding:2 0 6 10";
sub2Style.fontsize="7pt";
sub2Style.fontstyle="normal";
sub2Style.fontfamily="Arial, Helvetica, Verdana, Geneva";
//sub2Style.fontweight="bold";
sub2Style.pagecolor="#5E9243";
sub2Style.pagebgcolor="transparent";
sub2Style.pagedecoration="none";
sub2Style.headercolor="#000000";
sub2Style.headerbgcolor="#ffffff";
sub2Style.itemwidth="130px";
sub2Style.itemheight="10px";
with(tstyle2=new mm_style()){
offcolor = "#000000";
onbgcolor = "transparent";
oncolor = "#FFFFFF";
offbgcolor="transparent"
ondecoration="none"
borderstyle = "solid";
subimage="menu_js/blue_arrow.gif"
onsubimage="menu_js/blue_arrow_down.gif"
bordercolor="black"
borderwidth=0
padding = 2
fontsize="10pt";
//fontweight="bold";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
subimageposition="menu_js/top right" ;
separatorsize=1
separatorcolor="#003366";
image="menu_js/trans.gif"
subimagepadding=3
imagepadding=2
itemwidth="199px";
itemheight="15px";
}
tstyle2.clickcolor="#ffffff"
tstyle2.clickbgcolor="transparent"
tstyle2.clickimage="menu_js/red_blip.gif"
tstyle2.clicksubimage="menu_js/white_arrow_down.gif"
with(GlobalMenuStyle=new mm_style()){
onbgcolor="transparent";
oncolor="#e03416";
ondecoration="underline";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="10";
rawcss="padding:0 0 0 0";
fontsize="7pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
//fontweight="bold";
pagecolor="#000000";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
}
with(MainMenuStyle=new mm_style()){
onbgcolor="transparent";
oncolor="#5E9243";
ondecoration="none";
offbgcolor="transparent";
offcolor="#92835e";
bordercolor="#01734B";
borderstyle="solid";
borderwidth="0px";
separatorcolor="#92835e";
separatorsize="1";
separatorpadding="10";
rawcss="padding:0 0 0 0";
fontsize="8pt";
fontstyle="normal";
fontfamily="Arial, Helvetica, Verdana, Geneva";
fontweight="bold";
pagecolor="#5E9243";
pagebgcolor="transparent";
pagedecoration="none";
headercolor="#000000";
headerbgcolor="#ffffff";
}
drawMenus();
Thanks,
Allen
Re: No Collapse Tree Menu
Hi,
I will work on this. I think the best solution is to actually make everything part of the main menu, but use the program properties to make that community stuff look as if it were the submenu. I'll play with it and set something up for you to try.
Ruth
I will work on this. I think the best solution is to actually make everything part of the main menu, but use the program properties to make that community stuff look as if it were the submenu. I'll play with it and set something up for you to try.
Ruth
Re: No Collapse Tree Menu
Thanks Ruth,
Really all I'm looking for is the ability to list the menu items in an "outline" or "site map" view that are clickable but don't collapse.
Thanks for your help.
Allen
Really all I'm looking for is the ability to list the menu items in an "outline" or "site map" view that are clickable but don't collapse.
Thanks for your help.
Allen
Re: No Collapse Tree Menu
Hi,
I'm not sure I understand, but if all you are looking for is that the items are clickable and the menu doesn't collapse, then the easiest way is to make all the items part of the main menu and have no submenus. That would actually let you get rid of most of the stuff in the data file because you'd only need the one that you use for the main menu.
Your data file would have
Plus whatever style you are using for that main menu. The main menu with those submenu items added to it. Then get rid of the submenus and such, just have that main menu
Hopefully, I am understanding what you want. Just one menu with all the stuff that is showing in that picture as part of that menu. Then when you click something it will just go to whatever page, and if the menu is called on that page it will just look the same as on the first page.
Ruth
I'm not sure I understand, but if all you are looking for is that the items are clickable and the menu doesn't collapse, then the easiest way is to make all the items part of the main menu and have no submenus. That would actually let you get rid of most of the stuff in the data file because you'd only need the one that you use for the main menu.
Your data file would have
Code: Select all
fixMozillaZIndexndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500 // The delay for menus to remain visible on mouse off
_menuOpenDelay=150 // The delay for opening menus on mouse over
_subOffsetTop=0; // Sub menu offset Top position
_subOffsetLeft=0; // Sub menu offset Left position
Goverfilter="Alpha(style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0);Fade(duration=0.2);Shadow(color='#777777', Direction=135, Strength=5)"
Goverfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)"
Goutfilter="randomdissolve(duration=0.3)"
Goutfilter=""
Goverfilter=""
AllMargin=0
treeOffset=0; // Used to set the offset of sub menus
singleMasterMenu=false // Informs the system to only have one menu open at a time
retainClickValue=trueHopefully, I am understanding what you want. Just one menu with all the stuff that is showing in that picture as part of that menu. Then when you click something it will just go to whatever page, and if the menu is called on that page it will just look the same as on the first page.
Ruth