Exemple de conception de navigation de page

L'exemple qui suit illustre une conception d'un élément de navigation de page.

Cet exemple utilise deux éléments de navigation de page pour produire un système de navigation de page identique à celui-ci :

<<	<	...	4,5,6	...	>	>>
Page 5 sur 10.		Aller à la page :		Nombre d'éléments à afficher : 10 \| 50 \| Tous

Premier élément de navigation de page

Créez un composant de navigation de page appelé "firstnavigation".
Sélectionnez Transfert (premières, précédentes, suivantes et dernières commandes) et Pagination (continuation et numérotage des pages).
Sélectionnez Limiter le nombre de pages et entrez 3 dans la zone correspondante.

Entrez le texte suivant dans les zones de conception d'élément :

Tableau 1. Première conception d'élément de navigation de page
Elément de conception	Code de conception
En-tête	<span>
Pied de page	</span>
Séparateur	\| </span><span>
Premier contrôle - conception active	<font color="#000000"><<</font>
Premier contrôle - conception inactive	<font color="#999999"><<</font>
Contrôle précédent - conception active	<font color="#000000"><</font>
Contrôle précédent - conception inactive	<font color="#999999"><</font>
Contrôle suivant - conception active	<font color="#000000">></font>
Contrôle suivant - conception inactive	<font color="#999999">></font>
Dernier contrôle - conception active	<font color="#000000">>></font>
Dernier contrôle - conception inactive	<font color="#999999">>></font>
Continuation	...

Créez un composant de navigation de page appelé "secondnavigation".
Sélectionnez Accéder à la page (case d'entrée de page) et Taille de page (sélection de taille de page).
Définissez les paramètres suivants dans la section Accéder à la page (case d'entrée de page) :
- Libellé de zone : Aller à la page :
- Taille de zone : 3
Définissez les paramètres suivants dans la section Contrôle de taille de page :
- Libellé de zone : Nombre d'éléments à afficher :
- Tailles de page :
```
10 | 10
50 | 50
0 | Tous
```

Entrez le texte suivant dans les zones de conception d'élément :

Tableau 2. Deuxième conception d'élément de navigation de page
Elément de conception	Code de conception
En-tête	<span> Page [PageInfo value="currentPage" ] [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ] [PageInfo value="totalPages" ]. </span> <span>
Pied de page	\| </span>
Séparateur	</span><span>

Vous utilisez les balises de composant pour référencer les deux composants de navigation de page dans une autre conception d'élément, comme un menu :

<div>
[component name="firstnavigation" ]
<br>
[component name="secondnavigation" ]
</div>