Menú Favoritos

La lista desplegable del menú Favoritos aparece en la barra de control. Consiste en un botón y un panel que se expande cuando un usuario hace clic o pulsa un botón. El panel contiene herramientas de Favoritos individuales.

La posición y el tamaño del menú Favoritos en 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

La distancia al botón siguiente de la izquierda o del lado izquierdo de la barra de control si este botón es el primero de una fila.

width

Anchura del botón.

height

Altura del botón.

Ejemplo: configure un menú Favoritos que se posicione a cuatro píxeles de la parte superior de la barra de control y a diez píxeles del botón más cercano de la izquierda y cuyo tamaño sea 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

imagen de fondo

Imagen que se muestra para un estado de botón determinado.

posición de fondo

Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS.

Consulte también Sprites CSS .

NOTA

Este botón admite la variable state selector de atributos, que se puede utilizar para aplicar diferentes aspectos a distintos estados de botones.

La información 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 individuales de Favoritos se controla con el siguiente selector de clase CSS:

.s7ecatalogsearchviewer .s7favoritesmenu .s7favoritesmenupanel

Propiedades CSS del panel de menú Favoritos

background-color

Color de fondo del panel.

Ejemplo: configure un panel para que tenga un color transparente.

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

En esta página