Autonav: Custom Template
Permalink
Guys,
I was trying to build a custom template for my dropdown menu with no success.
The menu has 3 different css classes as below structure:
Bear in mind, for each sub menu there will be unique li has to be added automatically in top of the sub menu itself "<li class="3"></li>"
Any luck?
I was trying to build a custom template for my dropdown menu with no success.
The menu has 3 different css classes as below structure:
Bear in mind, for each sub menu there will be unique li has to be added automatically in top of the sub menu itself "<li class="3"></li>"
<ul id="1"> <li><a href="#" class="2">Parent</a></li> <li><a href="#" class="2">Parent1</a> <ul> //below li has to be added by default at top of each child sub menu <li class="3"></li> <li><a href="#">Child1</a></li> <li><a href="#">Child2</a></li> <li><a href="#">Child3</a></li> </ul> </li> </ul>
Any luck?

What's the purpose of this empty LI tag?
Thanks stompwampa for your response. Actually it is not an empty li, it has a special graphics on top of each drop down menu....
------Original Message------
From: Concrete5 Community
To: Myself
Subject: Autonav: Custom Template: Autonav: Custom Template
Sent: Jul 8, 2011 9:45 PM
------Original Message------
From: Concrete5 Community
To: Myself
Subject: Autonav: Custom Template: Autonav: Custom Template
Sent: Jul 8, 2011 9:45 PM
And this graphic is added via CSS?
Yes it is, it has a special css tag as explained in the structure...
------Original Message------
From: Concrete5 Community
To: Myself
Subject: Autonav: Custom Template: Autonav: Custom Template
Sent: Jul 8, 2011 10:03 PM
------Original Message------
From: Concrete5 Community
To: Myself
Subject: Autonav: Custom Template: Autonav: Custom Template
Sent: Jul 8, 2011 10:03 PM
So why can't you apply this image to the CSS of the UL tag encompassing the sub-menu?
Here is the AutoNav template that I use...which came from this thread:
http://www.concrete5.org/community/forums/customizing_c5/auto-nav-t...
This template will apply a unique CSS class to every single LI item in your nav tree. So if you have a sub-menu that needs a unique image on it, add that image the the UL tag containing the sub-menu and just target it using the unique CSS class of it's parent LI tag.
http://www.concrete5.org/community/forums/customizing_c5/auto-nav-t...
<? defined('C5_EXECUTE') or die("Access Denied."); $aBlocks = $controller->generateNav(); $c = Page::getCurrentPage(); $containsPages = false; $firstNavLi = true; $nh = Loader::helper('navigation'); //this will create an array of parent cIDs $inspectC=$c; $selectedPathCIDs=array( $inspectC->getCollectionID() ); $parentCIDnotZero=true; while($parentCIDnotZero){ $cParentID=$inspectC->cParentID; if(!intval($cParentID)){ $parentCIDnotZero=false;
Viewing 15 lines of 88 lines. View entire code block.
This template will apply a unique CSS class to every single LI item in your nav tree. So if you have a sub-menu that needs a unique image on it, add that image the the UL tag containing the sub-menu and just target it using the unique CSS class of it's parent LI tag.
Here is a demo of the menu I was keen to use...
http://www.myjqueryplugins.com/jMenu/demo...
I hope this explains you the structure of the LI...
http://www.myjqueryplugins.com/jMenu/demo...
I hope this explains you the structure of the LI...