Menu element design examples

Menu element design examples

+
Search Tips | Advanced Search

Design for each menu search result

Instead of a URL, use an href placeholder...
<a href=" <placeholder tag="href" /> ">

Instead of text, insert a name placeholder...
<placeholder tag="name" /> </a><br>

This will be repeated for every link returned by the search query defined in the menu element. You use a NameLink tag:
This produces the same result as the above example.
<placeholder tag="namelink" /> <br>

When creating menus for use in rendering portlets, a URLCmpnt tag is used to create a link instead of a placeholder.

<a href="<URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap">" >
<IDCmpnt context="autofill" field="title"> </a> <br>

Here is an example from the internet site...
<tr>
<td><Element context="autoFill" type="content" key="Image"/></td>
<td width="100%">

<div class="expListItem" 
     onmouseover="return expressListItemOver(this);" 
     onmouseout="return expressListItemOut(this);">

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><A class="expTitleLinkBold" HREF="<Placeholder tag="href"/>">

<IDCmpnt context="autoFill" type="content" field="title"/></A>
<br />

<span class="expText">

<Element context="autoFill" type="content" key="Summary"/></span>
</td>

<td style="white-space: nowrap;" align="right" valign="top">

<div style="visibility:hidden;">

<Component id="xyz" 
           name="internet web content 6.1.0/inlinelistitemtools" 
           compute="always"/></div></td>
</tr>
</table>
</div>
</td>
</tr>
<tr><td> </td></tr>
Use a menu to display images

To display images in a menu instead of text, replace the name placeholder with a reference to an Image element selected from content or site areas.

Design for each menu search result
<a href=" <placeholder tag="href" /> "> Instead of a URL, use a href placeholder. This is where the URL of the menu item will be inserted in the rendered menu.

<element type="sitearea" context="autofill" key="Image" /> </a></br>
Instead of a name placeholder (as in the previous example), insert an element tag. The source type can either be content or site area. The context is autofill.
In this example, the field being referenced is "Image". The site areas or content being returned must also contain an image element named "Image". The images you store in the site area or content can be different, but they must all have the same label.

Add a page navigation element to a menu design

To add navigation controls to a menu you add a reference to a page navigation element in either the footer or header.

Header
<div>
Design for each menu search result This creates a new table row for every item listed in the menu.
<span> <a href=" <placeholder tag="href" /> "> Instead of a URL, insert a URL placeholder here. This is where the URL of the menu item will be inserted in the rendered menu.
<placeholder tag="name" /> </a><br> </span> Instead of text, insert a name placeholder.
Footer
<span> <component name= "pagenav" /> </span> </div> Add a reference to a previously created page navigation element to add navigation features to a menu design. In this example, the page navigation element is referenced from a page navigation component called "pagenav".

Parent topic
Menu element

Header
<div>
Design for each menu search result	This creates a new table row for every item listed in the menu.
<span> <a href=" <placeholder tag="href" /> ">	Instead of a URL, insert a URL placeholder here. This is where the URL of the menu item will be inserted in the rendered menu.
<placeholder tag="name" /> </a><br> </span>	Instead of text, insert a name placeholder.
Footer
<span> <component name= "pagenav" /> </span> </div>	Add a reference to a previously created page navigation element to add navigation features to a menu design. In this example, the page navigation element is referenced from a page navigation component called "pagenav".