Changing class issues

223 Posts

norlin Reply #1, 16 years, 7 months ago

I use the "webLinkClass" parameter to give all my <a> tags in the menu a class.
Then i use the "hereClass" parameter to give the <a> that is active an class.

Problem is this outputs like this:
<li><a href="#" title="#" class="webLinkClass" class="hereClass" >Forside</a></li>

I want the hereClass to replace the webLinkClass.. =)

Thanks!

1,624 Posts

cipa Reply #2, 16 years, 7 months ago

This should answer your question

[+wf.classes+] - where classes specifed will be inserted (includes class=" ")
[+wf.classnames+] - outputs the just the class names (without class=" ")

from

http://www.muddydogpaws.com/development/wayfinder/parameters.html

Responsive CSS Grid: cipalabs.com/projects/metal/
Blog: MODX Tutorials & Articles

223 Posts

norlin Reply #3, 16 years, 7 months ago

yeah i use this in my config

$parentRowTpl = ’@CODE:<li[+wf.classes+]>[+wf.linktext+][+wf.wrapper+]</li>’;

however dose not change the fact i still get two classes rather than one.. perhaps I’m missing something?

1,624 Posts

cipa Reply #4, 16 years, 7 months ago

Try

$parentRowTpl = ’@CODE:<li class="[+wf.classnames+]>" [+wf.linktext+][+wf.wrapper+]</li>’;

Responsive CSS Grid: cipalabs.com/projects/metal/
Blog: MODX Tutorials & Articles

223 Posts

norlin Reply #5, 16 years, 7 months ago

Quote from: cipa at Feb 11, 2010, 01:18 PM

$parentRowTpl = ’@CODE:<li class="[+wf.classnames+]>" [+wf.linktext+][+wf.wrapper+]</li>’;

EDIT: AHHH messed up i were suppose to type this:

$rowTpl = ’@CODE:<li><a href="[+wf.link+]" title="[+wf.title+]" [+wf.classes+] >[+wf.linktext+]</a>[+wf.wrapper+]</li>’;

And the issues is still i’m getting two classes, and i need to have only one or my jquery script will mess up undecided

	$level = 3;
	$hereClass ="selectedMenu";
	$lastClass ="0";
    $rowClass ="normalMenu";

	$outerTpl = '@CODE:<div id="menu-container">

<ul id="navigationMenu">  
[+wf.wrapper+]</ul>
</div>';

$parentRowTpl = '@CODE:<li[+wf.classes+]>[+wf.linktext+][+wf.wrapper+]</li>'; 


$rowTpl = '@CODE:<li><a href="[+wf.link+]" title="[+wf.title+]" [+wf.classes+] >[+wf.linktext+]</a>[+wf.wrapper+]</li>';


	
	$innerTpl = '@CODE:<ul>
	    [+wf.wrapper+]
	</ul>';
	
	$cssTpl = '@CODE:<!-- wayfinder stuff.. -->
<link rel="stylesheet" href="assets/snippets/wayfinder/configs/KKRmenu/KKRmenu_style.css" type="text/css" media="screen" />';
	$jsTpl = '@CODE:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="assets/snippets/wayfinder/configs/KKRmenu/KKRmenu_script.js" type="text/javascript"></script>
';
?>

1,624 Posts

cipa Reply #6, 16 years, 7 months ago

Didn’t you see that there is a difference between [+wf.classes+] and [+wf.classnames+] ?

Responsive CSS Grid: cipalabs.com/projects/metal/
Blog: MODX Tutorials & Articles

223 Posts

norlin Reply #7, 16 years, 7 months ago

Quote from: cipa at Feb 11, 2010, 03:21 PM

Didn’t you see that there is a difference between [+wf.classes+] and [+wf.classnames+] ?

Both placeholders add classes after another

1,624 Posts

cipa Reply #8, 16 years, 7 months ago

Wrong

First one outputs: class="class1 class2 class3"
Second just: class1 class2 class3

Can you post the html output/ditto call again? I don’t understand how your code outputs class="webLinkClass"

Responsive CSS Grid: cipalabs.com/projects/metal/
Blog: MODX Tutorials & Articles