Menú Favoritos favorites-menu

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

margin-top
Desplazamiento desde la parte superior de la barra de control.
margin-left
Distancia al siguiente botón de la izquierda o al lado izquierdo de la barra de control si es el primer botón de una fila.
width
Ancho del botón.
height
Altura del botón.

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

background-image
Imagen que se muestra para un estado de botón determinado.
background-position

Coloque dentro del icono de ilustración si se utilizan iconos CSS.

Consulte también Sprites CSS.

NOTE
Este botón admite el state selector de atributos, que se puede utilizar para aplicar distintos aspectos a distintos estados de botón.

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

background-color
Color de fondo del panel.

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

.s7ecatalogviewer .s7favoritesmenu .s7favoritesmenupanel {
 background-color: transparent;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8