A lista suspensa do menu Favoritos aparece na barra de controle. Consiste em um botão e um painel que é expandido quando um usuário clica ou toca em um botão. O painel contém ferramentas Favoritos individuais.
A posição e o tamanho do menu Favoritos na interface do usuário do visualizador são controlados com o seguinte seletor de classe CSS:
.s7ecatalogsearchviewer .s7favoritesmenu
Propriedades CSS do botão de menu Favoritos
margem superior |
O deslocamento da parte superior da barra de controle. |
margem esquerda |
A distância até ao botão seguinte à esquerda ou à esquerda da barra de controle, se este botão for o primeiro em uma linha. |
width |
Largura do botão. |
altura |
Altura do botão. |
Exemplo - configure um menu Favoritos que é posicionado em quatro pixels da parte superior da barra de controle e em dez pixels do botão mais próximo à esquerda e dimensionado em 28 x 28 pixels.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
A aparência do botão de menu Favoritos é controlada com o seguinte seletor de classe CSS:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
Propriedades CSS do botão Favoritos
imagem de fundo |
A imagem exibida para um determinado estado de botão. |
posição de fundo |
Posição dentro da estrutura de arte, se os sprites CSS forem usados. Consulte também Sprites CSS . |
Esse botão suporta state
seletor de atributos, que pode ser usado para aplicar capas diferentes a estados de botão diferentes.
A dica de ferramenta do botão pode ser localizada. Consulte Localização dos elementos da interface do usuário para obter mais informações.
Exemplo - configure um botão de menu Favoritos que exibe uma imagem diferente para cada um dos quatro estados de botão diferentes.
.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);
}
A aparência do painel que contém ícones Favoritos individuais é controlada pelo seguinte seletor de classe CSS:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
Propriedades de CSS do painel de menus Favoritos
cor do fundo |
A cor de plano de fundo do painel. |
Exemplo - configure um painel para ter uma cor transparente.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}