Definir indicador

Indicador de definição é uma série de pontos renderizados sobre amostras quando um visualizador é usado em um dispositivo de toque. Os pontos ajudam os usuários a navegar pelas páginas de miniaturas quando os botões de rolagem não estão disponíveis.

Propriedades de CSS do indicador de conjunto

A aparência do container indicador definido é controlada com o seguinte seletor de classe CSS:

.s7zoomviewer .s7setindicator

Exemplo - para configurar o indicador de configuração com um fundo branco:

.s7zoomviewer .s7setindicator { 
 background-color: #FFFFFF; 
}

A aparência de um ponto indicador de conjunto individual é controlada com o seletor de classe CSS:

.s7zoomviewer .s7setindicator .s7dot

Exemplo - para configurar o ponto indicador definido como 15 x 15 pixels, com dois pixels de margem horizontal, cinco pixels de margem superior, uma margem inferior de pixel, doze pixels de raio, #D5D3D3 de cor padrão e #939393 de cor ativa:

.s7zoomviewer .s7setindicator .s7dot { 
 width:15px; 
 height:15px; 
 margin-left:2px; 
 margin-top:5px; 
 margin-right:2px; 
 margin-bottom:1px; 
 border-radius:12px; 
 background-color:#D5D3D3;  
} 
.s7zoomviewer .s7setindicator .s7dot[state="selected"] { 
 background-color:#939393;  
}