<![CDATA[ Wayfinder Layout Issues - MODX Community Forums]]> https://forums.modx.com/thread/?thread=102165 <![CDATA[Wayfinder Layout Issues]]> https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550511 http://www.apicslima.org/home2.html but if you click any of the hyperlinks they not show properly yet. I only have a homepage template right now so the interior pages will not properly show if clicked.

This HTML is proper and shows my menu the way I need it. Another words this is the ideal layout I need for wayfinder:
<ul id="mainNav" class="nav nav-pills">
	<li class=""><a href="[[~12]]">Home </a></li>
	<li class=""><a href="[[~2]]">Information </a></li>
	<li class=""><a href="[[~3]]">Events </a></li>
	<li class=""><a href="[[~4]]">Education </a></li>
	<li class=""><a href="[[~5]]">Job Board </a></li>
	<li class="dropdown"><a class="dropdown-toggle" href="#">Pages </a>
	<ul class="dropdown-menu">
		<li class="dropdown-submenu"><a href="#">About Us</a>
		<ul class="dropdown-menu">
			<li><a href="[[~13]]">About Us</a></li>
			<li><a href="[[~14]]">About Us - Basic</a></li>
			<li><a href="[[~15]]">About Me</a></li>
		</ul>
		</li>
		<li class="dropdown-submenu"><a href="#">Shop</a>
		<ul class="dropdown-menu">
			<li><a href="[[~16]]">Shop - Full Width</a></li>
			<li><a href="[[~17]]">Shop - Sidebar</a></li>
			<li><a href="[[~17]]">Shop - Product Full Width</a></li>
			<li><a href="[[~18]]">Shop - Product Sidebar</a></li>
			<li><a href="[[~19]]">Shop - Cart</a></li>
			<li><a href="[[~20]]">Shop - Login</a></li>
			<li><a href="[[~21]]">Shop - Checkout</a></li>
		</ul>
		</li>
		<li><a href="[[~22]]">Custom Header</a></li>
		<li><a href="[[~23]]">Team</a></li>
		<li><a href="[[~24]]">Services</a></li>
		<li><a href="[[~25]]">Careers</a></li>
		<li><a href="[[~26]]">Our Office</a></li>
		<li><a href="[[~27]]">FAQ</a></li>
		<li><a href="[[~28]]">Login / Register</a></li>
	</ul>
	</li>
	<li class=""><a href="[[~2]]">Newsletter </a></li>
	<li class=""><a href="[[~6]]">Contact </a></li>
</ul>


My snippet call right now only shows outer and row (I realize I need more here)
[[Wayfinder? &startId=`0` &rowTpl=`rowTpl` &outerTpl=`outerTpl`]]


My outerTpl looks like this (I think this much is right):
<!-- outerTpl -->
<ul id="nav nav-pills" id="mainNav"[[+wf.classes]]>
[[+wf.wrapper]]
</ul>


My rowTpl looks like this:
<!-- rowTpl -->
<li[[+wf.id]]>
<a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>
[[+wf.wrapper]]</li>


My parentRow (which is not called in the snipplet right now looks like this:
<!-- ParentRow -->
<li>
<a href="[[+wf.link]]">[[+wf.linktext]]</a> - [[+wf.description]]
[[+wf.wrapper]]
</li>


I am just not finding the layout I need, so right now I have straight HTML pasted in my Navigation area. But I really need wayfinder on this site.

I have been reading the instructions for almost an entire day and attempting different combinations but I just can't seem to get this right. Your help here would be much appreciated.

]]>
wbbuilder May 06, 2017, 03:10 AM https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550511
<![CDATA[Re: Wayfinder Layout Issues]]> https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550535 ]]> BobRay May 06, 2017, 10:15 PM https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550535 <![CDATA[Re: Wayfinder Layout Issues (Best Answer)]]> https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550532 https://docs.modx.com/extras/revo/wayfinder/wayfinder-introductory-examples really helped me out. Thank you BobRay for your help.]]> wbbuilder May 06, 2017, 09:26 PM https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550532 <![CDATA[Re: Wayfinder Layout Issues]]> https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550524 Quote from: BobRay at May 06, 2017, 04:34 AM
Do you have this tag in the head section of all your templates (it's required for the links in the menu to work)?

<base href="[[!++site_url]]">



Wayfinder has been around for a long time and is pretty bulletproof. It should produce a working menu even if you just use:

[[!Wayfinder? &startid=`0`]]


OK BobRay I noticed my site URL (<base href="[[!++site_url]]">) did not have the proper syntax. It was missing the ! in the front of the pluses. Once I modified the site URL in the header the menu now shows. BUT the menu is not showing my drop-downs like I want them too. You can see the page with my pages here: http://www.apicslima.org/home2.html.

The SCM and CSCP classes are children of Education. The Production Contol Manager is a child of Job Board. But they do not show as children in my menu (which I want to go 3 deep).

I modified my snipplet to be:
[[Wayfinder? &startId=`0` &rowTpl=`rowTpl` &outerTpl=`outerTpl` &level=`3`]]


My outerTpl to be:
<!-- outerTpl -->
[[+wf.wrapper]]

Since the UL definitions were added directly to the template instead of this area. So I am now showing Wayfinder on the front end, but I still have a little bit of layout issue as my children menus are not dropping down like I need them to.]]>
wbbuilder May 06, 2017, 03:17 PM https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550524
<![CDATA[Re: Wayfinder Layout Issues]]> https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550513
<base href="[[!++site_url]]" />



Wayfinder has been around for a long time and is pretty bulletproof. It should produce a working menu even if you just use:

[[!Wayfinder? &startid=`0`]]

]]>
BobRay May 06, 2017, 04:34 AM https://forums.modx.com/thread/102165/wayfinder-layout-issues#dis-post-550513