Al seleccionar 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 tabletas; en teléfonos móviles se añade 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 principal del visor
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7lastpagebutton .s7panleftbutton
CSS, propiedad |
Descripción |
---|---|
parte superior |
Sitúe la palanca desde el borde superior de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno. |
derecha |
Sitúe la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles) desde el borde derecho, incluido el relleno. |
izquierda |
Sitúe el borde izquierdo de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno. |
parte inferior |
Sitúe el borde inferior de la barra de control principal (en sistemas de escritorio y tabletas) o la barra de control secundaria (en teléfonos móviles), incluido el relleno. |
width |
Anchura del botón. |
height |
Altura del botón. |
imagen de fondo |
Imagen que se muestra para un estado de botón determinado. |
posición de fondo |
Sitúe dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte también Sprites CSS . |
Este botón admite la variable state
selector de atributos, que se puede utilizar para aplicar diferentes aspectos a distintos estados de botones.
La información 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 y posicionado 4 píxeles desde la parte inferior y 220 píxeles desde el borde izquierdo de la barra de control principal. Finalmente, muestra una imagen diferente para cada uno de los cuatro estados de botones diferentes.
.s7ecatalogsearchviewer .s7lastpagebutton .s7panrightbutton {
bottom:4px;
right:220px;
width:32px;
height:32px;
}
.s7ecatalogsearchviewer .s7lastpagebutton .s7panrightbutton [state='up'] {
background-image:url(images/v2/LastPageButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7lastpagebutton .s7panrightbutton [state='over'] {
background-image:url(images/v2/LastPageButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7lastpagebutton .s7panrightbutton [state='down'] {
background-image:url(images/v2/LastPageButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7lastpagebutton .s7panrightbutton [state='disabled'] {
background-image:url(images/v2/LastPageButton_dark_disabled.png);
}