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:

.s7ecatalogviewer .s7favoritesmenu

CSS-eigenschappen van de menuknop Favorieten

Voorbeeld - Aan opstelling een menu van Favorieten dat vier pixel van de bovenkant van de controlebar en tien pixel van de dichtste knoop aan de linkerzijde wordt geplaatst en 28 x 28 pixel wordt gerangschikt:

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

De vormgeving van de menuknop Favorieten wordt bepaald door de volgende CSS-klassenkiezer:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton

CSS-eigenschappen van de knop Favorieten

De knopinfo kan worden gelokaliseerd. Zie Lokalisatie van gebruikersinterface-elementen voor meer informatie .

Voorbeeld - Aan opstelling een de menuknoop van Favorieten die een verschillende beeld voor elk van de vier verschillende knoopstaten toont:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='up'] {
background-image:url(images/v2/FavoritesMenu dark_up.png);
}
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='over'] {
background-image:url(images/v2/FavoritesMenu_dark_over.png);
}
.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton[state='down'] {
background-image:url(images/v2/FavoritesMenu_dark_down.png);
}
.s7ecatalogviewer .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:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

CSS-eigenschappen van het deelvenster Favorieten

Voorbeeld - Een deelvenster instellen voor een transparante kleur:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel {
 background-color: transparent;
}