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>"


<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?

 
leinteractive replied on at Permalink Reply
leinteractive
What's the purpose of this empty LI tag?
Ta2Ta2 replied on at Permalink Reply
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
leinteractive replied on at Permalink Reply
leinteractive
And this graphic is added via CSS?
Ta2Ta2 replied on at Permalink Reply
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
leinteractive replied on at Permalink Reply
leinteractive
So why can't you apply this image to the CSS of the UL tag encompassing the sub-menu?
leinteractive replied on at Permalink Reply
leinteractive
Here is the AutoNav template that I use...which came from this thread:
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;


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.
Ta2Ta2 replied on at Permalink Reply
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...