Favorieten, effect favorites-effect

In de viewer worden pictogrammen voor favorieten weergegeven in de hoofdweergave op plaatsen waar deze oorspronkelijk door de gebruiker zijn toegevoegd.

De vormgeving van het pictogram Favoriet wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogviewer .s7favoriteseffect .s7icon

CSS eigenschappen van het Favoriete pictogram

background-image
De afbeelding die voor het pictogram wordt weergegeven.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie ook CSS Sprites.

width
Breedte van het pictogram.
height
Hoogte van het pictogram.

Voorbeeld - stel een pictogram Favorieten van 36 x 36 pixels in.

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

Op desktopsystemen ondersteunt de component de kenmerkenkiezer cursortype die u op de klasse .s7favoriteseffect kunt toepassen en het type cursor op basis van de geselecteerde gebruikersactie. De volgende cursortype -waarden worden ondersteund:

mode_add
Weergegeven gebruiker voegt een nieuw pictogram Favoriet toe.
mode_remove
Weergegeven gebruiker verwijdert een bestaand pictogram Favoriet.
mode_view
Wordt weergegeven in de normale bewerkingsmodus wanneer Favorieten bewerken niet actief is.

Voorbeeld: verschillende muiscursors voor elk type componentstatus.

.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