Favoriter-menyn
Skapat för:
- Utvecklare
- Användare
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. |
NOTEstate 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
Exempel - ange att en panel ska ha en genomskinlig färg.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}