Indicador de página

El indicador de página muestra el índice de página actual y el recuento total de páginas. Aparece en la barra de control principal en sistemas de escritorio y tabletas, en teléfonos móviles se agrega a la barra de control secundaria. CSS puede cambiar el tamaño, el aspecto y la posición del indicador de página.

El indicador de página de aspecto visual se controla con el siguiente selector de clase CSS:

.s7ecatalogsearchviewer .s7pageindicator

CSS, propiedad

Descripción

parte superior

Sitúe la palanca desde el borde superior de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno.

derecha

Sitúe la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles) desde el borde derecho, incluido el relleno.

izquierda

Sitúe el borde izquierdo de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno.

parte inferior

Sitúe el borde inferior de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno.

width

Anchura del indicador de página.

height

Altura del indicador de página.

color

Color de la fuente.

font-family

Nombre de la fuente.

font-size

Tamaño de fuente.

Ejemplo: para configurar un indicador de página de 56 x 28 píxeles, centrado horizontalmente y colocado 4 píxeles desde la parte inferior de la barra de control principal, y utilizar una fuente Helvetica de 14 píxeles.

.s7ecatalogsearchviewer  .s7pageindicator { 
 position:absolute; 
 bottom: 4px; 
 margin-left: -28px;  
 left: 50%; 
 width:56px; 
 height:28px; 
 font-family: Helvetica; 
 font-size:14px; 
}

En esta página