Favoriter-menyn favorites-menu

Listrutan Favoriter visas i kontrollfältet. Det består av en knapp och en panel som utökas när en användare klickar eller trycker på en knapp. Panelen innehåller enskilda favoritverktyg.

Placeringen och storleken på Favoriter-menyn i visningsprogrammets användargränssnitt styrs med följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesmenu

CSS-egenskaper för menyknappen Favoriter

marginal-top
Förskjutningen från kontrollfältets överkant.
marginal-vänster
Avståndet till nästa knapp till vänster eller till vänster om kontrollfältet om den här knappen är den första i en rad.
width
Knappens bredd.
height
Knappens höjd.

Exempel - Ställ in en Favoriter-meny som är placerad fyra pixlar från kontrollfältets överkant och tio pixlar från den närmaste knappen till vänster och som har storleken 28 x 28 pixlar.

.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
 width:28px;
 height:28px;
}

Utseendet på menyknappen Favoriter styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton

CSS-egenskaper för knappen Favoriter

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.

NOTE
Den här knappen stöder attributväljaren state som kan användas för att tillämpa olika skal på olika knapplägen.

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

Exempel - Ställ in en Favoriter-menyknapp som visar olika bilder för de fyra olika knapplägena.

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton[state='disabled'] {
background-image:url(images/v2/FavoritesMenu_dark_disabled.png);
}

Utseendet på panelen som innehåller enskilda Favoriter-ikoner styrs av följande CSS-klassväljare:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel

CSS-egenskaper på panelen Favoriter-menyn

background-color
Panelens bakgrundsfärg.

Exempel - ange att en panel ska ha en genomskinlig färg.

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
 background-color: transparent;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8