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 individuales de Favoritos.

La posición y el tamaño del menú Favoritos en la interfaz de usuario del visor se controlan con el siguiente selector de clases CSS:

.s7ecatalogviewer .s7favoritesmenu

Propiedades CSS del botón de menú Favoritos

Ejemplo: Para configurar un menú Favoritos situado a cuatro píxeles de la parte superior de la barra de control y a diez píxeles del botón más cercano a la izquierda y con 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 del 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: Para configurar 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 individuales de Favoritos se controla con el siguiente selector de clase CSS:

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel

Propiedades CSS del panel de menú Favoritos

Ejemplo: Para configurar un panel para que tenga un color transparente:

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