DokumentationReferenshandbok för Dynamic Media Viewer

Knappen Ta bort favorit remove-favorite-button

Last update: Mon Jul 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Utvecklare
  • Användare

Placeringen av knappen Ta bort favorit hanteras helt av menyn Favoriter.

Utseendet på knappen Ta bort favorit styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7removefavoritebutton

CSS-egenskaper för knappen Ta bort favorit

background-image
Bilden som visas för ett visst knappläge.
background-position

Placera inuti en teckningssprite, om CSS-sprites används.

Se även CSS-fragment.

width
Knappens bredd.
height
Knappens höjd.
NOTE
Den här knappen stöder både attributväljarna state och selected som kan användas för att tillämpa olika skal på olika knapplägen. I synnerhet motsvarar selected='true' läget när en användare kan lägga till en ny Favorit-ikon genom att klicka eller trycka. Och selected='false' motsvarar det normala driftsläget när en användare kan zooma, panorera och byta sidor.

Knappens funktionsbeskrivning kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.

Exempel - om du vill ställa in en Ta bort favorit-knapp som är 28 x 28 pixlar och visar en annan bild för var och en av de fyra olika knapplägena när den är markerad eller inte markerad.

.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