Menu Favorieten favorites-menu
De het menudrop-down lijst van Favorieten verschijnt in de controlebar. Het bestaat uit een knop en een deelvenster dat groter wordt wanneer een gebruiker op een knop klikt of tikt. Het deelvenster bevat afzonderlijke gereedschappen voor Favorieten.
De positie en grootte van het menu Favorieten in de gebruikersinterface van de viewer worden bepaald met de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7favoritesmenu
CSS-eigenschappen van de menuknop Favorieten
Voorbeeld - stel een menu Favorieten in dat vier pixels van de bovenkant van de besturingsbalk en tien pixels van de dichtstbijzijnde knop naar links wordt gepositioneerd en dat 28 x 28 pixels groot is.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
De vormgeving van de menuknop Favorieten wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
CSS-eigenschappen van de knop Favorieten
state
kenmerkenkiezer, die kan worden gebruikt om verschillende skins toe te passen op verschillende knoptoestanden.De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .
Voorbeeld: stel een knop in het menu Favorieten in die een andere afbeelding weergeeft voor elk van de vier verschillende knopstatussen.
.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);
}
De vormgeving van het deelvenster dat afzonderlijke pictogrammen voor Favorieten bevat, wordt bepaald door de volgende CSS-klassenkiezer:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
CSS-eigenschappen van het deelvenster Favorieten
Voorbeeld: stel een deelvenster zo in dat het een transparante kleur heeft.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}