Menú Favoritos

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

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 .

NOTA

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

En esta página