Menú Favoritos

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:

.s7ecatalogviewer .s7favoritesmenu

Propiedades CSS del botón de menú Favoritos

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.

.s7ecatalogviewer .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:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesbutton

Propiedades CSS del botón Favoritos

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.

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

El aspecto del panel que contiene los iconos de Favoritos individuales se controla con el siguiente selector de clase CSS:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

Propiedades CSS del panel de menús Favoritos

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

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