DocumentatieNaslaggids voor dynamische mediasviewers

Knop Favoriet verwijderen remove-favorite-button

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

De positie van de Remove knoop van de Favoriet wordt volledig beheerd door het menu van Favorieten.

De vormgeving van de knop Favoriet verwijderen wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogsearchviewer .s7removefavoritebutton

CSS eigenschappen van de Remove Favoriete knoop

background-image
De afbeelding die voor een bepaalde knopstatus wordt weergegeven.
background-position

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

Zie ook CSS Sprites.

width
Breedte van de knop.
height
Hoogte van de knop.
NOTE
Deze knop ondersteunt zowel de state - als selected -kenmerkkiezers, die kunnen worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden. Met name selected='true' komt overeen met de status wanneer een gebruiker een nieuw pictogram Favoriet kan toevoegen door te klikken of te tikken. En selected='false' komt overeen met de normale bewerkingsmodus wanneer een gebruiker pagina's kan inzoomen, pannen en omwisselen.

De knopinfo kan worden gelokaliseerd. Zie ​ Localisatie van gebruikersinterfaceelementen ​ voor meer informatie.

Voorbeeld: om een knop Favoriet verwijderen in te stellen van 28 x 28 pixels en een andere afbeelding weer te geven voor elk van de vier verschillende knopstatussen, indien geselecteerd of niet geselecteerd.

.s7ecatalogsearchviewer .s7removefavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7removefavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/RemoveFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8