Adding an icon to the top-level items.

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

Adding an icon to the top-level items.

Post by norman » Wed May 18, 2011 10:43 pm

Go to Design / Library / Variables / Multi Column Menu.
Right click Multi Column Menu and choose New Variable.

Create a variable as per the following:
sample.jpg
sample.jpg (39.82 KiB) Viewed 5873 times
Go to Design / Library / Layouts / Web Page Outer Layout / Actinic Stylesheet.
Scroll to the bottom and append the following line below everything that's there:

Code: Select all

#multicolumnmenu img {border:none; vertical-align:middle;}
Go to Design / Library / Layouts / Multi Column Menu / Multi Column Menu.
Look for the line (about line 29):

Code: Select all

	><Actinic:Variable Name="SectionName"/></a>

Replace it with:

Code: Select all

	><actinic:block if="%3cactinic%3avariable%20name%3d%22MenuTopIcon%22%20%2f%3e%20%21%3d%20%22%22">
		<img border="0" src="<actinic:variable name="MenuTopIcon" />" />
	</actinic:block>
	<Actinic:Variable Name="SectionName"/></a>

That's it. Your Sections will now have a setting "MenuTopIcon" where you can set an image to use.

Amend the style of this image by editing the line you added to the ActinicStylesheet.
Norman

Post Reply