Left navigation

[Deepak P, geändert vor 13 Jahren.]

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, geändert vor 13 Jahren.]

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, geändert vor 12 Jahren.]

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, geändert vor 12 Jahren.]

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

[jaidshaik shaik, geändert vor 12 Jahren.]

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, geändert vor 11 Jahren.]

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