Page 1 of 1
Make active menu item clickable
Posted: Thu Nov 23, 2006 8:09 am
by volcanoboy
Hey,
using CMS Made Simple 0.13 "Canary" and horizontal and vertical css menu.
Say I have Home - Products - Contact, when i click Products it's no longer possibele to click the Products menu link to refresh the page or get back to the product index (if i have subpages). where do i make it so all menu links are clikable at all times, no matter where I am ión the site?
Cheers
Re: Make active menu item clickable
Posted: Thu Nov 23, 2006 10:13 pm
by Dr.CSS
Look at the page source to see what the li looks like it must have something to do with the Menu manager template not making it a link missing ...
Re: Make active menu item clickable
Posted: Thu Nov 23, 2006 10:36 pm
by Dee
Heh, reminds me of
this post...
The way the menu items is displayed is set in your menu template. Take a look under "Layout" => "Menu Manager" (and Menu Manager help).
You're probably using one of the default (file) templates now, then you'd have to:
* make a copy of the menu template used in (the menu module call in) your page template
* change the menu module call in your template to use the new menu template (use the name you used while copying and remove .tpl)
Assuming you're using the simple_navigation template (the active menu item is clickable in the cssmenu) the code for the menu item for the current page is here:
Code: Select all
{if $node->current == true}
<li class="currentpage"><h3><dfn>Current page is {$node->hierarchy}: </dfn>{$node->menutext}</h3>
{elseif $node->parent == true}
between {if $node->current == true} and {elseif $node->parent == true}.
Change it to
Code: Select all
{if $node->current == true}
<li class="currentpage"><a href="{$node->url}"{if $node->accesskey != ''} accesskey="{$node->accesskey}"{/if}{if $node->tabindex != ''} tabindex="{$node->tabindex}"{/if}{if $node->titleattribute != ''} title="{$node->titleattribute}"{/if}{if $node->target != ''} target="{$node->target}"{/if}><dfn>Current page is {$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->parent == true}
and change your style definitions for div#menu_horiz h3 in the Navigation: Simple stylesheets to div#menu_horiz a.currentpage
Re: Make active menu item clickable
Posted: Mon Feb 04, 2008 7:30 pm
by golem0r
[edit] SOLVED (thanks to streever from #cms IRC)
not div#menu_vert a.currentpage but div#menu_vert ul li.currentpage a
[orig question follows]
Forgive my ignorance of css, but I'm trying to do a similar thing here using the simple_navigation menu template and the vertical menu.
I'd like the current page to be clickable, but otherwise styled exactly the same. I imported the simple nav template, changed the code for {if $node->current == true} as per Dee's excellent instructions, and specified it in a call in the {menu ...} tag in the layout template, but am just not clear on the css.
I think I have to modify the following css defn, but when I redefined it as div#menu_vert a.currentpage, the current page IS clickable (yay!) but loses the styling that current pages had in the vanilla simple nav vert menu.
Code: Select all
/*
current pages in the default Menu Manager
template are unclickable. This is for current page on first level
*/
div#menu_vert ul h3 {
background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
background-color: #385C72;
display: block;
padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
color: #fff; /* this will be link color for all levels */
font-size: 1em; /* instead of the normal font size for <h3> */
margin: 0; /* as <h3> normally has some margin by default */
}
This is my first post on the forums, so please do let me know if I've done anything non-kosher. Thanks for any advice!