Here is the process for the split navigation:
First set up Menu holding page, mine is Main Menu this holds all the navigation main and sub navigation.
Next add all the pages needed to populate the Main nav. Add sub nav to this folder under the main nav.
Add this code to the template for your site in the spot for the main nav. You will need to change the &startID= to what ever the Main Menu Id is.
<!--Begin Main Navigation-->
[!Wayfinder? &startId=`36` &level=`1`!]
<!--End Main Navigation-->
Then add this to the template in the place for the sub nav.
<!--Begin Side Navigation-->
[!Wayfinder? &startId=`[[UltimateParent]]` &parentClass=`show` &outerTpl=`menyOuterTpl` &innerTpl=`menyInnerTpl` &rowTpl=`menyRowTpl` &parentRowTpl=`menyParentRowTpl`!]
I hope this helps.
Jeff
Ok, thanks for the first step.
Because my native language is not english, just quick to see if I understood all right. For example:
Main Menu (folder)
-main nav (folder)
--sub nav (page)
-main nav2 (folder)
--sub nav2 (page)
etc.
Now what I don’t understand is how and where do I define these:
&parentClass, &outerTpl, &innerTpl, &rowTpl, &parentRowTpl
In a chunk? When Yes. how does the chunk look like and how are they named?
I think if I understand that, a big step is done.
Thanx.
Michel
I will use the "Main Nav" on the ATA site as an example:
MainNav (folder)
Tinnitus (page)
FAQ’s (sub-page)
Risk Factors (sub-page)
Other Hearing Disorders (sub-page)
Free Materials (sub-page)
Treat It (page)
Sound Therapies (sub-page)
Drug Therapies (sub-page)
Counseling (sub-page)
And on and on it can go.
I didn’t add any "chunks" for this call, just put in and it worked. I would assume that it must be built in to the Wayfinder system. I just pulled the code from the forum.
Hope this helps
Jeff
Ok, now I still have one problem. Where do I say this page is a page and this is a sub-page?
Right click on the page to be a subpage and select move. Then click the parent page and it will be moved under the parent as a sub-page.
Jeff
And again.
OK, if I do that its just like making a folder out of the parent page, because if I move it to the parent page with right click, the parent page will be changed into a folder automatically, you can just put a sub-page into a folder.
The only reason I can imagine why it’s not working for me is the css. Can you post just the part of your CSS that contains the menu.
Hoping this is the solution.
Thanks again for your patients.
Michel
I have "Main Menu" on page settings "Container"
"Tinnitus" on page settings "Container", "Published"
"FAQ’s" on page settings "Published"
Here is the css I am using for the split navigation.
#wrapper #mainNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #1E4976;
background-image: url(images/mainNav_curve.gif);
background-repeat: no-repeat;
height: 37px;
width: 489px;
clear: none;
float: right;
text-align: left;
}
#wrapper #mainNav ul {
text-align: center;
padding-top: 12px;
padding_bottom: 10px;
}
#wrapper #mainNav li {
list-style-type: none;
display: inline;
height: 37px;
padding_bottom: 10px;
}
#wrapper #mainNav a {
color: #FFFFFF;
text-decoration: none;
display: inline;
text-align: center;
padding-left: 7px;
padding-right: 7px;
height: 37px;
padding_bottom: 10px;
}
#wrapper #mainNav a:hover {
background-color: #D30000;
height: 37px;
padding-top: 12px;
padding-bottom: 10px;
}
#wrapper #sideNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-image: url(images/side_navBG.png);
background-repeat: repeat-y;
float: left;
width: 133px;
height: 415px;
line-height: 18px;
clear: both;
text-align: center;
}
#wrapper #sideNav ul {
list-style-type: none;
padding-top: 10px;
}
#wrapper #sideNav li a {
color: #FFFFFF;
text-decoration: none;
}
#wrapper #sideNav li {
padding-top: 15px;
}
Hope this gets everything working.
Michel,
I am glad it worked out. I had some trouble with this as well.
That would be awesome if you could put this up on the wiki as I am very busy right now.
Jeff
