Left navigation

[Deepak P, módosítva 13 év-val korábban]

How to include left navigation in theme where i can show all the sub pages of the main page and also want to include accordion style.

[Maarten van Heiningen, módosítva 13 év-val korábban]

Hi Deepak,

You can use the navigation portlet and configure it to your needs.

For the accordion you can use css or a jquery or yui solution/example

Maarten

[jaidshaik shaik, módosítva 12 év-val korábban]

Hi Marteen,

I am also doing this navigation portlet
As my requirement is vertical Accordion for child pages, For this what is the solution? Hook creation or design changes

can you help me in this regard.


Thanks
Jaid.Shaik

[Jignesh Vachhani, módosítva 12 év-val korábban]

You can make change in navigation.vm file in theme and can develop your own CSS to create left navigation.

[jaidshaik shaik, módosítva 12 év-val korábban]

Thanks for reply jignesh

 <script type="text/javascript" src="$javascript_folder/jquery1.3.2.min.js" charset="utf-8"></script>
 <script type="text/javascript" src="$javascript_folder/jquery-1.4.4.min.js" charset="utf-8"></script>
 <script type="text/javascript" src="$javascript_folder/jkmegamenu.js" charset="utf-8"></script>

<script type="text/javascript"> 
 jkmegamenu.definemenu("megaanchor", "megamenu1", "click") 
 jkmegamenu.definemenu("megaanchor1", "megamenu2", "click")
 jkmegamenu.definemenu("megaanchor2", "megamenu3", "click")
 jkmegamenu.definemenu("megaanchor3", "megamenu4", "click") 
 jkmegamenu.definemenu("megaanchor4", "megamenu5", "click")
 jkmegamenu.definemenu("megaanchor5", "megamenu6", "click") 
 </script>


     
     
     #if(!$is_signed_in)
			<a href="$sign_in_url" id="sign-in" rel="nofollow">$sign_in_text</a>
		#else
		<div class="top-links">
			<a class="user-greeting">Welcome $user_first_name |</a>
			
			<a href="$sign_out_url" id="sign-out" rel="nofollow">$sign_out_text</a>
			</div>
		#end
         
               <div class="textsizecont">
                <div class="A3">
                    A
                </div>
                <div class="A2">
                    A
                </div>
                <div class="A1">
                    A
                </div>
                <div class="textsize">
                    Text Size
                </div>
                <div class="search">
                  <input name="input" type="text" value="" class="search-box">
                </div>
            </div>
                

			<div class="gap">
            </div>
              
  [b]  <nav class="sort-pages modify-pages" id="navigation">
	<ul>
		#foreach ($nav_item in $nav_items)
			#if ($nav_item.isSelected())
				<li class="selected">
			#else
				</li><li>
			#end

				<a href="$nav_item.getURL()" $nav_item.gettarget()><span>$nav_item.getName()</span></a>

			</li>
		#end
	</ul>
	
	
</nav>[/b]
            <div class="gap">
            </div>
             <div class="gap">
            </div>
             
			<div class="gbar1">
                <div class="gbarleft">
            <img src="/html/images/gbar-1a.jpg" width="8" height="49" alt="" border="0"></div>
                <div class="gbar-nav">
                    <ul class="gbar-tabs">
                       <li class="gray-tabs" id="megaanchor">
				Membership Service |</li>
                        <li id="megaanchor1">Upcoming Events |</li>
                        <li id="megaanchor2">Publications |</li>
                        <li id="megaanchor3">Student's Corner |</li>
                        <li id="megaanchor4">CSI Awards |</li>
                        <li id="megaanchor5">CSI Certification |</li>
                        <li id="megaanchor">For Members Only |</li>
                        <li id="megaanchor">Upcoming Webinars</li>
                    </ul>
                </div>
                <div class="gbarleft"><img src="/html/images/gbar-2a.jpg" width="10" height="49" border="0" alt="">
              </div>
			  </div>
			  <div style="width: auto;z-index:9999999;" class="megamenu" id="megamenu1">
<div class="column">
<h3>About Membership</h3>
<ul>
    <li><a href="http://uat.csi-india.org/web/csi/not-working">Why join CSI</a></li>
    <li><a href="http://www.csi-india.org/web/csi/member-benefits">Services and Benefits</a></li>
    <li><a href="http://uat.csi-india.org/web/csi/not-working">Case studies</a></li>
    <li><a href="http://www.csi-india.org/web/csi/subscription-fees">Fee Structure (Mode of Payment)</a></li>
</ul>
</div>







			  
			  </div>
			

This is my navigation file
I have the expand collapse fun But where can i add..
Can you just guide me..

Thanks

[Brian Scott Schupbach, módosítva 12 év-val korábban]

you can put it directly in your portal_normal.vm file or put it in your navigation.vm file.