Asistencia al usuario para autores de contenido |
---|
Ejemplo de diseño de navegación de páginas
Éste es un ejemplo de diseño de un elemento de navegación de páginas.
Este ejemplo utiliza dos elementos de navegación de páginas para producir un sistema de navegación de páginas como este:
|
|
|
|
|
|
|
---|---|---|---|---|---|---|
Página 5 de 10. | Ir a la página: | Número de elementos que se mostrarán: 10 | 50 | Todos |
Primer elemento de navegación de páginas
- Cree un componente de navegación de páginas llamado "firstnavigation".
- Seleccione Avance (primero, anterior, siguiente y último control) y Paginación (numeración de página y continuación).
- Seleccione Limitar número de páginas y escriba 3 en el campo asociado.
- Especifique el texto siguiente en estos campos de diseño de elementos:
Tabla 2. Primer diseño del elemento de navegación de páginas Elemento de diseño Código de diseño Cabecera <span> Pie de página </span> Separador | </span><span> Primer control - diseño activo <font color="#000000"><<</font> Primer control - diseño inactivo <font color="#999999"><<</font> Control anterior - diseño activo <font color="#000000"><</font> Control anterior - diseño inactivo <font color="#999999"><</font> Control siguiente - diseño activo <font color="#000000">></font> Control siguiente - diseño inactivo <font color="#999999">></font> Último control - diseño activo <font color="#000000">>></font> Último control - diseño inactivo <font color="#999999">>></font> Continuación ...
Segundo elemento de navegación de páginas
- Cree un componente de navegación de páginas llamado "secondnavigation".
- Seleccione Saltar a la página (recuadro de entrada de página) y Tamaño de página (selección del tamaño de página).
- Defina este valor en la sección Saltar a la página (recuadro de entrada de
página):
- Etiqueta de campo: Ir a la página:
- Tamaño de campo: 3
- Defina este valor en la sección >Control del tamaño de página:
- Etiqueta de campo: Número de elementos que se mostrarán:
- Tamaños de página:
10 | 10 50 | 50 0 | All
- Especifique el texto siguiente en estos campos de diseño de elementos:
Tabla 3. Segundo diseño del elemento de navegación de páginas Elemento de diseño Código de diseño Cabecera <span> Page [PageInfo value="currentPage" ] [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ] [PageInfo value="totalPages" ]. </span> <span>
Pie de página | </span>
Separador </span><span>
Referencia de los componentes de navegación de páginas en otro diseño de elemento
Los códigos de componentes se utilizan para hacer referencia a los componentes de navegación de páginas en otro diseño de elemento, por ejemplo un menú:
<div>
[component name="firstnavigation" ]
<br>
[component name="secondnavigation" ]
</div>