Botón Última página last-page-button
Al pulsar o 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 las tabletas; en los teléfonos móviles se añade a una barra de control secundaria. Puede cambiar el tamaño, la apariencia y la posición de este botón mediante CSS.
Propiedades CSS del área de visor principal
El aspecto del botón se controla con el siguiente selector de clase CSS:
.s7ecatalogviewer .s7lastpagebutton .s7panleftbutton
Coloque dentro del icono de ilustración si se utilizan iconos CSS.
Consulte también Sprites CSS.
state, que se puede utilizar para aplicar diferentes aspectos a diferentes estados de botones.La información del objeto del botón se puede localizar. Consulte Localización de elementos de la interfaz de usuario para obtener más información.
Ejemplo: Para configurar un último botón de página de 28 x 28 píxeles situado a 4 píxeles de la parte inferior y a 220 píxeles del borde izquierdo de la barra de control principal. Y, finalmente, 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);
}