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. |
left |
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. |
bottom |
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. |
font-family |
Nome da fonte. |
font-size |
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;
}