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

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;
}