Botón Última página

Al tocar o hacer clic en este botón, el usuario llega a la última página del catálogo. Este botón aparece en la barra de control principal de los sistemas de escritorio y las tabletas; en teléfonos móviles se agrega a una barra de control secundaria. Puede cambiar el tamaño, el aspecto y la posición de este botón mediante CSS.

Propiedades CSS del área del visor principal

El aspecto del botón se controla con el siguiente selector de clase CSS:

.s7ecatalogviewer .s7lastpagebutton .s7panleftbutton

CSS, propiedad

Descripción

parte superior

Posición desde el borde superior de la barra de control principal (en sistemas de escritorio y tabletas) o barra de control secundaria (en teléfonos móviles), incluido el relleno.

derecha

Posición desde el borde derecho de la barra de control principal (en sistemas de escritorio y tabletas) o barra de control secundaria (en teléfonos móviles), incluido el relleno.

izquierda

Posición desde el borde izquierdo de la barra de control principal (en sistemas de escritorio y tabletas) o barra de control secundaria (en teléfonos móviles), incluido el relleno.

parte inferior

Posición desde el borde inferior de la barra de control principal (en sistemas de escritorio y tabletas) o barra de control secundaria (en teléfonos móviles), incluido el relleno.

width

Ancho del botón.

height

Altura del botón.

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: para configurar un botón de última página de 28 x 28 píxeles, posicionado 4 píxeles desde la parte inferior y 220 píxeles desde el borde izquierdo de la barra de control principal, y muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes.

.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton { 
bottom:4px; 
right:220px; 
width:32px; 
height:32px; 
} 
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='up'] { 
background-image:url(images/v2/LastPageButton_dark_up.png); 
} 
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='over'] {  
background-image:url(images/v2/LastPageButton_dark_over.png); 
} 
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='down'] {  
background-image:url(images/v2/LastPageButton_dark_down.png); 
} 
.s7ecatalogviewer .s7lastpagebutton .s7panrightbutton [state='disabled'] { 
background-image:url(images/v2/LastPageButton_dark_disabled.png); 
}

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