Knappen Lägg till favorit add-favorite-button
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:
.s7ecatalogviewer .s7addfavoritebutton
CSS-egenskaper för knappen Lägg till favorit
NOTE
Den här knappen har stöd för båda
state
och selected
attributväljare, som kan användas för att tillämpa olika skal på olika knapplägen. I synnerhet selected='true'
motsvarar läget när en användare kan lägga till en ny Favorit-ikon genom att markera eller trycka. Attributet selected='false'
motsvarar det normala driftsläget när en användare kan zooma, panorera och byta sidor.Knappens funktionsbeskrivning kan lokaliseras. Se Lokalisering av användargränssnittselement för mer information.
Exempel - För att ställa in en Lägg till favorit-knapp som är 28 x 28 pixlar. Och den visar olika bilder för vart och ett av de fyra olika knapplägena när den är markerad eller inte är markerad.
.s7ecatalogviewer .s7addfavoritebutton {
width:28px;
height:28px;
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8