Indicador de página

O indicador de página exibe o índice de página atual e a contagem total de páginas. Ela é exibida na barra de controle principal em sistemas de desktop e tablet, em telefones celulares é adicionada à barra de controle secundária. O indicador de página pode ser dimensionado, esfolado e posicionado pelo CSS.

O indicador de 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 de desktop e tablets) ou da barra de controle secundária (em telefones celulares), incluindo o preenchimento.

right

Posição na borda direita da barra de controle principal (em sistemas de desktop e tablets) ou na barra de controle secundária (em telefones celulares), incluindo o preenchimento.

left

Posição da borda esquerda da barra de controle principal (em sistemas de desktop e tablets) ou da barra de controle secundária (em telefones celulares), incluindo o preenchimento.

bottom

Posição na borda inferior da barra de controle principal (em sistemas de desktop e tablets) ou na barra de controle secundária (em telefones celulares), incluindo o preenchimento.

width

Largura do indicador de página.

altura

Altura do indicador de página.

cor

Cor da fonte.

família de fontes

Nome da fonte.

font-size

Tamanho da fonte.

Exemplo - para configurar um indicador de página de 56 x 28 pixels, horizontalmente centralizado e posicionado 4 pixels a partir 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; 
}

Nesta página