Create an alternate design tag

To display components based on the path of the item returned by a navigator or menu, use the alternatedesign tag.

[alternatedesign highlight=" " normal=" " type=" " start=" " end=" " ]

To create an alternate design tag:

1. From a navigator or menu design field, click...
   Insert a Tag > Alternate Design

2. Select a component to use when displaying items not on the current path in a navigator or menu design.

   Typically a text component or an HTML component with a placeholder tag is used to display navigator or menu results. This is added to the tag as the normal=" " parameter.

   If we select type="parent" or type="any" in step 5, the highlighted design is used by all the site areas in the current item path.

3. Select a component to use when displaying items on the current path in a navigator or menu design. This would typically be a text or HTML component containing the code is used to display a navigator or menu result, such as a placeholder tag. This is added to the tag as the highlight=" " parameter.

4. Select whether to apply the alternate design tag to the current content item, the parent site area, or any item being returned by a navigator. This is added to the tag as the type=" " parameter.

   • When adding an alternate design to a menu design, only select type="current" or type="any" because site areas cannot be displayed in menus.

   • When adding an alternate design to a navigator design, only use type="current" if the navigator has been configured to display content items.

5. Click OK to add the tag to your navigator design.

Add parameters to the tag

Tag parameters	Details
normal=" " highlight=" "	Full or partial path to the navigator or menu component. To use the library specified in the URL of the current page, use normal="./name". The library name does not appear in the presentation template or element design. The actual path is not resolved until the item is rendered.
start=" " end=" "	Wrap the data returned by a tag within other tags, such as HTML. These attributes are not mandatory.

Displaying different code for content items and site areas:

To display different code when returning content items or site areas in a menu or navigator use two alternate design tags. One for the content items and one for the site areas. For example:

[AlternateDesign highlight="./currentsiteareacomponent" normal="./othersiteareacomponent" type="sitearea"]
[AlternateDesign highlight="./currentcontentcomponent" normal="./othercontentcomponent" type="content"]

Parent Create web content tags