DokumentationReferenshandbok för Dynamic Media Viewer

Knappen Lägg till favorit add-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 Lägg till favorit hanteras helt av menyn Favoriter.

Utseendet på knappen Lägg till favorit styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7addfavoritebutton

CSS-egenskaper för knappen Lägg till 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 markera eller trycka. 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 Lägg till favorit-knapp som är 28 x 28 pixlar och visar en annan bild för vart och ett av de fyra olika knapplägena när det är markerat eller inte.

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