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

imagen de fondo
La imagen que se muestra para el icono.
posición de fondo

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

Consulte también Sprites CSS.

ancho
Ancho del icono.
altura
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 selector de atributos cursortype que puede aplicar a la clase .s7favoriteseffect y controla el tipo de cursor en función de la acción de usuario seleccionada. Se admiten los siguientes cursortype 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 de 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