Efecto Favoritos

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:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Propiedades CSS del icono Favorito

background-image

Imagen que se muestra para el icono.

background-position

Colocar 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: configure 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 del cursor en función de la acción del usuario seleccionado. Se admiten los siguientes valores cursortype:

mode_add

El usuario mostrado está agregando un nuevo icono Favorito.

mode_remove

El usuario mostrado está eliminando un icono de Favorito existente.

mode_vista

Se muestra en el modo de operación normal cuando la edición de Favoritos no está activa.

Ejemplo: tiene 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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free