O visualizador exibe ícones Favoritos sobre a exibição principal nos locais em que foi originalmente adicionado pelo usuário.
A aparência do ícone Favorito é controlada com o seguinte seletor de classe CSS:
.s7ecatalogviewer .s7favoriteseffect .s7icon
Propriedades CSS do ícone Favorito
background-image |
A imagem exibida para o ícone. |
background-position |
Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas. Consulte também Sprites CSS . |
largura |
Largura do ícone. |
altura |
Altura do ícone. |
Exemplo - configurar um ícone Favoritos com 36 x 36 pixels.
.s7ecatalogviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
Nos sistemas desktop, o componente suporta a função cursortype
seletor de atributo que pode ser aplicado ao .s7favoriteseffect
classe e controla o tipo do cursor com base na ação do usuário selecionada. As seguintes cursortype
Os valores de são compatíveis:
mode_add |
O usuário exibido está adicionando um novo ícone Favorito. |
mode_remove |
O usuário exibido remove um ícone Favorito existente. |
mode_view |
Exibido no modo de operação normal quando a edição de Favoritos não está ativa. |
Exemplo - Ter cursores de mouse diferentes para cada tipo de estado do componente.
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}