Dokumentation Referenshandbok för Dynamic Media Viewer

Knappen Visa alla favoriter

Senast uppdaterad: 22 juli 2024

Ämnen:

Skapat för:

Utvecklare
Användare

Knappens position hanteras helt av Favoriter-menyn.

Utseendet på knappen Visa alla favoriter styrs av följande CSS-klassväljare:

.s7ecatalogviewer .s7viewallfavoritebutton

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. Attributet selected='false' motsvarar normallä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 knappen Visa alla favoriter 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.

.s7ecatalogviewer .s7viewallfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}

recommendation-more-help