Exemples de conception d'élément de menu

Pour formater l'apparence d'éléments de menu, utilisez des balises HTML ou "placeholder".

Conception de menu simple

Cet exemple illustre la structure de base de la conception d'élément utilisée par un menu pour mettre en forme les données de la recherche. Vous pouvez entrer les balises suivantes dans la section Conception pour chaque résultat de recherche de menu du formulaire d'élément de menu.

Tableau 1. Conception pour chaque résultat de recherche de menu
Conception	Détails
<a href=" [placeholder tag="href" ] ">	Utilisez une balise placeholder href plutôt qu'une URL.
[placeholder tag="name" ] </a><br>	Insérez une balise placeholder de type name plutôt que du texte.

Cela est répété pour tous les liens renvoyés par la requête de recherche définie dans l'élément de menu. Vous pouvez aussi utiliser une balise NameLink :

Tableau 2. Conception pour chaque résultat de recherche de menu
Conception	détails
[placeholder tag="namelink" ] <br>	Il fournit les mêmes résultats que dans l'exemple ci-dessus.

Lors de la création de menus à utiliser dans les portlets de rendu, une balise URLCmpnt est utilisée pour créer un lien plutôt qu'une marque de réservation.

Conception pour chaque résultat de recherche de menu :

<a HREF=
"[URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap">"
target="_blank"> [IDCmpnt context="autofill" type="content" field="title"] </a>
<br>

Utilisation d'un menu pour afficher des images

Pour afficher des images dans un menu plutôt que du texte, remplacez la balise placeholder name par une référence à un élément d'image sélectionné dans le contenu ou les zones de site.

Tableau 3. Conception pour chaque résultat de recherche de menu
Conception	Détails
<a href=" [placeholder tag="href" ] ">	Utilisez une balise placeholder href plutôt qu'une URL. A cet endroit est insérée l'URL de l'objet de menu dans le menu affiché.
[element type="sitearea" context="autofill" key="Image" ] </a></br>	A la place d'une balise placeholder de type name (comme dans l'exemple précédent), insérez une balise element. La source peut être de type Contenu ou Zone de site. Le paramètre context a la valeur autofill. Dans cet exemple, la zone référencée est "Image". Les zones de site ou le contenu renvoyés doivent également comporter un élément d'image appelé "Image". Les images que vous stockez dans la zone de site ou le contenu peuvent être différentes, mais elles doivent toutes avoir la même étiquette.

Ajout d'un élément de navigation de pages à une conception de menu

Pour ajouter des commandes de navigation à un menu, ajoutez une référence à un élément de navigation de pages soit dans le bas de page, soit dans l'en-tête.

En-tête

<div>

Résultats de menu

Tableau 4. Conception pour chaque résultat de recherche de menu. Cela crée une nouvelle ligne de tableau pour chaque objet répertorié dans le menu.
Conception	Détails
<span> <a href=" [placeholder tag="href" ] ">	Insérez une balise placeholder URL plutôt qu'une URL. A cet endroit est insérée l'URL de l'objet de menu dans le menu affiché.
[placeholder tag="name" ] </a><br> </span>	Au lieu d'un texte, insérez une balise placeholder de type name.

Pied de page

Tableau 5. Pied de page
Conception	Détails
<span> [component name= "pagenav" ] </span> </div>	Ajoutez une référence à un élément de navigation de pages précédemment créé pour ajouter les fonctions de navigation à la conception du menu. Dans cet exemple, l'élément de navigation de pages est référencé à partir d'un composant de navigation de pages appelé "pagenav".