Efecto Favoritos

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;
}

En esta página