Exemples de conception d'élément de menu

Pour mettre en forme la conception et la présentation des éléments de menu, utilisez des balises HTML ou de marque de réservation (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 entrez 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="title" ] </a><br>`	Au lieu d'un texte, insérez une balise placeholder de type title.

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. ous pouvez aussi utiliser une balise TitleLink :

Tableau 2. Conception pour chaque résultat de recherche de menu
Conception	détails
`[placeholder tag="titlelink" ] <br>`	Ce code génère le même résultat que l'exemple précédent.

Lorsque vous créez des 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.

Design for each menu search result :

<a HREF=
"[URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap">"
target="_blank"> [Property 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 le paramètre substituable du nom 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. La conception de menu obtenue est l'endroit où l'URL de l'objet de menu est insérée 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 le même libellé.

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 un paramètre substituable URL plutôt qu'une adresse URL. La conception de menu obtenue est l'endroit où l'URL de l'objet de menu est insérée dans le menu affiché.
`[placeholder tag="name" ] </a><br> </span>`	Au lieu d'un texte, insérez un paramètre substituable de nom.

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".