We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

WayFinder method for more complex menu?

    • 3707
    • 241 Posts
    bob1000 Reply #11, 18 years, 1 month ago
    It’s a little tricky to give you an exact answer without seeing your current CSS but if you border is on the links then either apply margins to the links or padding to the <li>’s?
      • 6562
      • 37 Posts
      Darkelve78 Reply #12, 18 years, 1 month ago
      Quote from: bob1000 at Aug 06, 2008, 04:20 AM

      It’s a little tricky to give you an exact answer without seeing your current CSS but if you border is on the links then either apply margins to the links or padding to the <li>’s?

      Ah true, for greater control I can put padding on the li-items. Thanks.

      Below the CSS:

      #rightcol	 {
	list-style: none;	
	margin: 0px auto 0px auto;
	font-size: 16px;
}

#rightcol ul {
list-style-type: none;
margin: 5px 0px 0px 0px;
padding: 0px;
padding-left: 17px;
width: 212px;

}

#rightcol ul ul {
border: none;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 0px;
}

#rightcol ul ul ul  {
padding-top: 4px;
padding-bottom: 4px;
}

#rightcol ul li {
padding-bottom: 4px;

}

#rightcol ul li.level1 a {
display: block;
background: #426208;
text-align: center;
text-transform: capitalize;
text-decoration: none;
color: #fff;
border: 1px solid #000;
padding-top: 4px;
height: 22px;

}

#rightcol ul li.activepage a {
background: #ffffcc;
	color: #426208;
}

#rightcol ul li.level1 a:hover {
text-decoration: none;
background:#ffffcc;
color: #426208;
}

#rightcol ul li.level2 a {
display: block;
background:#ffffcc;
color: #426208;
border: 1px solid #000;
margin-bottom: 5px;
margin-top: -5px;
width: 193px;
font-size: 11px;
font-weight: bold;
padding-top: 2px;
height: 16px;
}

#rightcol ul li ul {
margin-bottom: -10px;
}

#rightcol ul li ul li.level2 {
margin-bottom: 2px;
}

#rightcol ul li.level3 a {
width: 170px;
margin-left: 6px;
}

#rightcol ul li ul li.level3 {
margin-bottom: 1px;
}
        • 6562
        • 37 Posts
        Darkelve78 Reply #13, 18 years, 1 month ago
        Well, after some study & testing I finally got what I wanted, using custom chunks, but problem is now: I don’t want the ’title’ attribute to appear in my links... I’ve got a part auto-generated by WayFinder, I’d prefer to keep it... is it possible in my Modx installation to change Wayfinder settings so it does not generate a title attribute for menu links any longer?
          • 3707
          • 241 Posts
          bob1000 Reply #14, 18 years, 1 month ago
          You can use a custom &rowTpl chunk and just remove the title attribute
          <li[+wf.id+][+wf.classes+]>
	<a href="[+wf.link+]" [+wf.attributes+]>[+wf.linktext+]</a>
	[+wf.wrapper+]
</li>
            • 6562
            • 37 Posts
            Darkelve78 Reply #15, 18 years, 1 month ago
            Quote from: bob1000 at Aug 20, 2008, 02:05 PM

            You can use a custom &rowTpl chunk and just remove the title attribute
            <li[+wf.id+][+wf.classes+]>
	<a href="[+wf.link+]" [+wf.attributes+]>[+wf.linktext+]</a>
	[+wf.wrapper+]
</li>


            Thanks, that does the trick.