El visor muestra los iconos de Favoritos sobre la vista principal en los lugares donde el usuario lo agregó originalmente.
El aspecto del icono Favorito se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon
Propiedades CSS del icono Favorito
imagen de fondo |
La imagen que se muestra para el icono. |
posición de fondo |
Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte también Sprites CSS . |
width |
Anchura del icono. |
height |
Altura del icono. |
Ejemplo: configuración de un icono Favoritos de 36 x 36 píxeles.
.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
height: 36px;
width: 36px;
background-image: url(images/v2/FavoriteEffect_dark_up.png);
}
En los sistemas de escritorio, el componente admite el cursortype
selector de atributos que puede aplicar a la variable .s7favoriteseffect
y controla el tipo del cursor en función de la acción seleccionada del usuario. Lo siguiente cursortype
son compatibles:
mode_add |
El usuario mostrado está agregando un nuevo icono Favorito. |
mode_remove |
El usuario mostrado está eliminando un icono de Favorito existente. |
mode_view |
Se muestra en el modo de operación normal cuando la edición de Favoritos no está activa. |
Ejemplo: tener diferentes cursores del ratón para cada tipo de estado del componente.
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}