Indicador de página page-indicator

O indicador da página exibe o índice da página atual e a contagem total de páginas. Ele aparece na barra de controle principal em sistemas desktop e tablet, em telefones celulares é adicionado à barra de controle secundária. O indicador de página pode ser dimensionado, aparado e posicionado por CSS.

O indicador da página de aparência é controlado com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7pageindicator

Propriedade CSS
Descrição
top
Posição a partir da borda superior da barra de controle principal (em sistemas desktop e tablets) ou da barra de controle secundária (em celulares), incluindo preenchimento.
direita
Posição a partir da borda direita da barra de controle principal (em sistemas desktop e tablets) ou da barra de controle secundária (em celulares), incluindo preenchimento.
saiu de
Posição a partir da borda esquerda da barra de controle principal (em sistemas desktop e tablets) ou da barra de controle secundária (em celulares), incluindo preenchimento.
inferior
Posição a partir da borda inferior da barra de controle principal (em sistemas desktop e tablets) ou da barra de controle secundária (em celulares), incluindo preenchimento.
largura
Largura do indicador de página.
altura
Altura do indicador de página.
cor
Cor da fonte.
Família de fontes
Nome da fonte.
tamanho da fonte
Tamanho da fonte.

Exemplo - para configurar um indicador de página com 56 x 28 pixels, centralizado horizontalmente e posicionado a 4 pixels da parte inferior da barra de controle principal, e usar uma fonte Helvetica® de 14 pixels.

.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