Adding a 4th Level

Horizontal menu bar with dynamic multi column drop-down display.
Post Reply
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Adding a 4th Level

Post by norman »

This article is for guidance only and has only been tested with the Silver Theme.

To display a 4th level, try this:

Go to Design / Library / Layouts / Multi Column Sub Sections / Multi Column Sub Section List.
Look for the long line:

Code: Select all

						echo '<li><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable encoding="perl" name="SectionPageName" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>"><Actinic:Variable Name="SectionName" encoding="perl" selectable="false" /></a></li>';
Replace it with:

Code: Select all

						echo '<li><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable encoding="perl" name="SectionPageName" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>"><Actinic:Variable Name="SectionName" encoding="perl" selectable="false" /></a>';
						<actinic:block type="ChildSectionList">
							echo '<a class="mcm4thlevel" href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable encoding="perl" name="SectionPageName" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>"><Actinic:Variable Name="SectionName" encoding="perl" selectable="false" /></a>';
						</actinic:block>
						echo '</li>';
Go to Settings / Site Options / Layout / Multi Column Menu and note down the setting for Menu Theme.

Go to Design / Library / Layouts / Multi Column Menu / <Menu Theme noted down above>.

Append the following to the end of that layout:

Code: Select all

.mcm4thlevel {
	display: inline;
	padding: 0 0 0 20px !important;
}
A 4th level should now display.

Note only tested with Silver Theme and you'll may have to tweak the CSS for other Themes.

E.g. for the Silver theme, you get better vertical spacing by changing the padding line in:

Code: Select all

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 3px 5px 7px 15px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	color: <actinic:variable name="TextColor" />;
}
To

Code: Select all

	padding: 3px 5px 2px 15px;
Norman
Post Reply