Indicador de página page-indicator

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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8