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 de los sistemas de escritorio y tabletas; en los teléfonos móviles se agrega a la barra de control secundaria. CSS puede cambiar el tamaño, aplicar un aspecto y colocar el indicador de página.

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

.s7ecatalogsearchviewer .s7pageindicator

Propiedad CSS

Descripción

parte superior

Posición 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

Posición desde el borde derecho 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.

izquierda

Posición desde 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

Posición desde 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 a 4 píxeles de la parte inferior de la barra de control principal, y utilice 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