Efecto Favoritos favorites-effect

El visor muestra los iconos Favoritos sobre la vista principal en lugares donde el usuario lo agregó originalmente.

El aspecto del icono Favorito se controla con el siguiente selector de clase CSS:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Propiedades CSS del icono Favorito

background-image
La imagen que se muestra para el icono.
background-position

Coloque dentro del icono de ilustración si se utilizan iconos CSS.

Consulte también Sprites CSS.

width
Ancho del icono.
height
Altura del icono.

Ejemplo: configuración de un icono Favoritos de 36 x 36 píxeles.

.s7ecatalogviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

En sistemas de escritorio, el componente admite el cursortype selector de atributos que puede aplicar al .s7favoriteseffect y controla el tipo de cursor en función de la acción de usuario seleccionada. Lo siguiente cursortype se admiten estos valores:

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 funcionamiento normal cuando la edición de Favoritos no está activa.

Ejemplo: Tener diferentes cursores de ratón para cada tipo de estado del componente.

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8