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

margin-top

Desplazamiento desde la parte superior de la barra de control.

margin-left

Distancia al botón siguiente de la izquierda o del lado izquierdo de la barra de control si éste es el primer botón de una fila.

width

Ancho del botón.

height

Altura del botón.

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

background-image

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

background-position

Colocar dentro de la ilustración sprite, si se utilizan sprites CSS.

Consulte también Sprites CSS .

NOTA

Este botón admite el selector de atributos state, que puede utilizarse para aplicar diferentes apariencias a distintos estados de botones.

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

background-color

Color de fondo del panel.

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

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

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free