La lista desplegable del menú Favoritos aparece en la barra de control. Consta de un botón y un panel que se expande cuando un usuario hace clic o toca un botón. El panel contiene herramientas de Favoritos individuales.
La posición y el tamaño del menú Favoritos de la interfaz de usuario del visor se controlan con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesmenu
Propiedades CSS del botón de menú Favoritos
margin-top |
Desplazamiento desde la parte superior de la barra de control. |
margin-left |
Distancia al botón siguiente de la izquierda o del lado izquierdo de la barra de control si éste es el primer botón de una fila. |
width |
Ancho del botón. |
height |
Altura del botón. |
Ejemplo: configure un menú Favoritos que se posicione cuatro píxeles desde la parte superior de la barra de control y diez píxeles desde el botón más cercano a la izquierda y tenga un tamaño de 28 x 28 píxeles.
.s7ecatalogsearchviewer .s7favoritesmenu {
margin-top: 4px;
margin-left: 10px;
width:28px;
height:28px;
}
El aspecto del botón de menú Favoritos se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesbutton
Propiedades CSS del botón Favoritos
background-image |
Imagen que se muestra para un estado de botón determinado. |
background-position |
Colocar dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte también Sprites CSS . |
Este botón admite el selector de atributos state
, que puede utilizarse para aplicar diferentes apariencias a distintos estados de botones.
La información de objeto del botón se puede localizar. Consulte Localización de los elementos de la interfaz de usuario para obtener más información.
Ejemplo: configure un botón de menú Favoritos que muestre una imagen diferente para cada uno de los cuatro estados de botón 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);
}
El aspecto del panel que contiene los iconos de Favoritos individuales se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel
Propiedades CSS del panel de menús Favoritos
background-color |
Color de fondo del panel. |
Ejemplo: configure un panel para que tenga un color transparente.
.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel {
background-color: transparent;
}