DocumentatieReferentiehandleiding voor Dynamic Media Viewers

Knop Favoriet verwijderen remove-favorite-button

Last update: Fri Dec 10 2021 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 knop Favoriet verwijderen

achtergrondafbeelding
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 beide state en 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 Lokalisatie van gebruikersinterface-elementen 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