Efectos 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:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

Propiedades CSS del icono Favorito

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

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