Esempio di progettazione Navigazione della pagina

Questo è un esempio di una progettazione di un elemento navigazione della pagina.

Questo esempio utilizza due elementi navigazione della pagina per produrre un sistema di navigazione della pagina simile al seguente:

Tabella 1. Esempi dei due elementi navigazione della pagina che producono un sistema di navigazione della pagina
<<	<	...	4,5,6	...	>	>>
Pagina 5 di 10.		Vai alla pagina:				Numero di elementi da visualizzare: 10 \| 50 \| Tutti

Primo elemento navigazione della pagina

Creare un componente navigazione della pagina denominato "firstnavigation".
Selezionare Rapido (controlli Prima, Precedente, Successiva e Ultima) e Impaginazione (numerazione delle pagine e continuazione).
Selezionare Limita il numero delle pagine e immettere 3 nel campo associato.

Immettere il testo di seguito riportato nei campi di progettazione degli elementi:

Tabella 2. Progettazione del primo elemento navigazione della pagina
Elemento di progettazione	Codice Progettazione
Intestazione	<span>
Piè di pagina	</span>
Separatore	\| </span><span>
Controllo Prima - progettazione attiva	<font color="#000000"><<</font>
Controllo Prima - progettazione non attiva	<font color="#999999"><<</font>
Controllo Precedente - progettazione attiva	<font color="#000000"><</font>
Controllo Precedente - progettazione non attiva	<font color="#999999"><</font>
Controllo Successiva - progettazione attiva	<font color="#000000">></font>
Controllo Successiva - progettazione non attiva	<font color="#999999">></font>
Controllo Ultima - progettazione attiva	<font color="#000000">>></font>
Controllo Ultima - progettazione non attiva	<font color="#999999">>></font>
Continuazione	...

Secondo elemento navigazione della pagina

Creare un componente navigazione della pagina denominato "secondnavigation".
Selezionare Vai alla pagina (casella input pagina) e Dimensioni pagina (selezione dimensioni pagina).
Definire queste impostazioni nella sezione Vai alla pagina (casella input pagina):
- Etichetta campo: Vai alla pagina:
- Dimensione campo: 3
Definire queste impostazioni nella sezione Controllo dimensioni pagina:
- Etichetta campo: Numero di elementi da visualizzare:
- Dimensioni pagina:
```
10 | 10
50 | 50
0 | All
```

Immettere il testo di seguito riportato nei campi di progettazione degli elementi:

Tabella 3. Progettazione del secondo elemento navigazione della pagina
Elemento di progettazione	Codice Progettazione
Intestazione	<span> Page [PageInfo value="currentPage" ] [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ] [PageInfo value="totalPages" ]. </span> <span>
Piè di pagina	\| </span>
Separatore	</span><span>

Riferimento ai componenti di navigazione della pagina nella progettazione di un altro elemento

Utilizzare le tag di componente per fare riferimento ad entrambi i componenti di navigazione della pagina nella progettazione di un altro elemento, ad esempio un menu:

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