Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive /

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

LinkingMode help needed......


Go to End
Reply


10 Posts   4895 Views

Avatar
Adamski

Community Member, 14 Posts

14 October 2008 at 2:10am

Hello everyone....!

I have a vertical menu with indented children and the code below works well for me. The only thing I cannot get to work is the Linking Mode to work. I basically want the active page to be highlighted regardless of whether it is level 1, 2 or 3 of the nav.

Can anyone help me out? I'll buy you a chocolate bar!

Thanks
/Adam

 <ul>
   			<% control Menu(1) %> 
				<li><a href="$Link" title="Go to the $Title.XML page" <% if LinkingMode %>class="$LinkingMode"><% end_if %>$MenuTitle</a> 
				<% if LinkOrSection = section %>		
				<% if Children %> 
				<div id="leftbox_sub">
					<ul> 
					<% control Children %> 
					<li><a href="$Link" title="Go to the $Title.XML page">$MenuTitle</a>
								<% if LinkOrSection = section %>		
								<% if Children %> 
								<div id="leftbox_sub2">
								<ul> 
								<% control Children %> 
								<li><a href="$Link" title="Go to the $Title.XML page">$MenuTitle</a>
												<% if LinkOrSection = section %>		
												<% if Children %> 
												<div id="leftbox_sub3">
												<ul> 
												<% control Children %> 
												<li><a href="$Link" title="Go to the $Title.XML page">$MenuTitle</a></li> 
												<% end_control %> 
												</ul> 
												</div>
												<% end_if %> 
												<% end_if %>  
			
								</li> 
								<% end_control %> 
								</ul> 
								</div>
								<% end_if %> 
								<% end_if %>  
					</li> 
					<% end_control %> 
					</ul> 
				</div>
				<% end_if %> 
				<% end_if %> 
				</li> 
			<% end_control %> 
		</ul>

Avatar
Willr

Forum Moderator, 5514 Posts

14 October 2008 at 10:03am

ctive page to be highlighted regardless of whether it is level 1, 2 or 3 of the nav.

Then you would use class="$LinkOrSection" which will return 'link' if its not on this page or a child. Or 'section' if its on this page or a child

Avatar
Adamski

Community Member, 14 Posts

14 October 2008 at 10:10am

and do I apply that class to the <ul> or <li>?

Avatar
banal

Community Member, 901 Posts

14 October 2008 at 10:42am

You should apply the class to the <li> or the <a> tag. Of course you'll still need a appropriate css stylesheet.

Avatar
Adamski

Community Member, 14 Posts

14 October 2008 at 10:48am

so my code should look like this..... (see below)

and then I create classes for 'link' and 'section'?

(sorry to be so slow!)

> 
         <% control Menu(1) %> 
            <li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a>
            <% if LinkOrSection = section %>       
            <% if Children %> 
            <div id="leftbox_sub"> 
               <ul> 
               <% control Children %> 
               <li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a> 
                        <% if LinkOrSection = section %>       
                        <% if Children %> 
                        <div id="leftbox_sub2"> 
                        <ul> 
                        <% control Children %> 
                        <li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a> 
                                    <% if LinkOrSection = section %>       
                                    <% if Children %> 
                                    <div id="leftbox_sub3"> 
                                    <ul> 
                                    <% control Children %> 
                                    <li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a></li>
                                    <% end_control %> 
                                    </ul> 
                                    </div> 
                                    <% end_if %> 
                                    <% end_if %> 
          
                        </li> 
                        <% end_control %> 
                        </ul> 
                        </div> 
                        <% end_if %> 
                        <% end_if %> 
               </li> 
               <% end_control %> 
               </ul> 
            </div> 
            <% end_if %> 
            <% end_if %> 
            </li> 
         <% end_control %> 
      </ul>

Avatar
Adamski

Community Member, 14 Posts

14 October 2008 at 10:02pm

hmmm..... this didn't work. Where are I going wrong?

Avatar
Adamski

Community Member, 14 Posts

16 October 2008 at 12:43am

anyone?

Avatar
Adamski

Community Member, 14 Posts

16 October 2008 at 3:03am

I've attached a screenshot of the effect I want to achieve.

Level 1 - Black
Level 2 - Blue
Level 3 - Red
Level 4 - Green

In this screenshot the page 'Bronze Award' is the active page and therefore the link I want to show in it's active state.

Hope someone out there can help me....! Here is my code as it stands

<ul>
		<% control Menu(1) %> 
		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a> 
		<% if LinkOrSection = section %> 
		<% if Children %> 
		<div id="leftbox_sub"> 
		<ul> 
		<% control Children %> 
		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a>
		<% if LinkOrSection = section %> 
		<% if Children %> 
		<div id="leftbox_sub2"> 
		<ul> 
		<% control Children %> 
		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a>
		<% if LinkOrSection = section %> 
		<% if Children %> 
		<div id="leftbox_sub3"> 
		<ul> 
		<% control Children %> 
		<li><a href="$Link" title="Go to the $Title.XML page" class="$LinkOrSection">$MenuTitle</a>
		</li> 
		<% end_control %> 
		</ul> 
		</div> 
		<% end_if %> 
		<% end_if %>
		</li> 
		<% end_control %> 
		</ul> 
		</div> 
		<% end_if %> 
		<% end_if %> 
		</li> 
		<% end_control %> 
		</ul> 
		</div> 
		<% end_if %> 
		<% end_if %> 
		</li> 
		<% end_control %> 
</ul>

Go to Top