Visualização de zoom

A visualização principal consiste na imagem com zoom.

Propriedades de CSS da área do visualizador principal

A aparência da área de visualização é controlada com o seguinte seletor de classe CSS:

.s7basiczoomviewer .s7zoomview

Propriedade CSS

Descrição

cor de fundo

Cor do plano de fundo em formato hexadecimal da visualização principal.

cursor

O cursor é exibido sobre a visualização principal.

Exemplo - para tornar a visualização principal transparente.

.s7basiczoomviewer .s7zoomview { 
 background-color: transparent; 
}

Em sistemas desktop, o componente suporta o seletor de atributos cursortype que pode ser aplicado à classe .s7zoomview e controla o tipo de cursor com base no estado do componente e na ação do usuário. Os seguintes valores cursortype são suportados:

Valor

Descrição

default

Exibido quando a imagem não tem zoom devido a uma pequena resolução de imagem, configurações de componente ou ambos.

zoomin

Exibido quando a imagem pode ser ampliada.

reiniciar

Exibida quando a imagem está no nível máximo de zoom e pode ser redefinida para seu estado inicial.

arrasto

Exibido quando um usuário desloca a imagem que está no estado ampliado.

Nesta página