Adding a 4th Level
Posted: Mon Apr 09, 2012 11:20 am
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:
Replace it with:
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:
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:
To
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>';
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 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;
}
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" />;
}
Code: Select all
padding: 3px 5px 2px 15px;