Indicador de página

Última atualização em 2023-05-20
  • Tópicos
  • Dynamic Media Classic
    Exibir mais informações sobre este tópico
  • Viewers
    Exibir mais informações sobre este tópico
  • SDK/API
    Exibir mais informações sobre este tópico
  • eCatalog
    Exibir mais informações sobre este tópico
  • Criado para:
  • Developer
    User

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.

A aparência do indicador de página é controlada com o seguinte seletor de classe CSS:

.s7ecatalogviewer .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.

.s7ecatalogviewer  .s7pageindicator {
 position:absolute;
 bottom: 4px;
 margin-left: -28px;
 left: 50%;
 width:56px;
 height:28px;
 font-family: Helvetica;
 font-size:14px;
}

Nesta página