Botón Primera página

Al pulsar o seleccionar este botón, el usuario accede a la primera 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 del visor principal

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

.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton

Propiedad CSS

Descripción

parte superior

Posición 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

Posición desde el borde derecho 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.

izquierda

Posición desde 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

Posición desde 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

Ancho del botón.

height

Altura del botón.

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 primer botón de página de 28 x 28 píxeles y colocado 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.

.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton {
bottom:4px;
left:220px;
width:32px;
height:32px;
}
.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton [state='up'] {
background-image:url(images/v2/FirstPageButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton [state='over'] {
background-image:url(images/v2/FirstPageButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton [state='down'] {
background-image:url(images/v2/FirstPageButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7firstpagebutton .s7panleftbutton [state='disabled'] {
background-image:url(images/v2/FirstPageButton_dark_disabled.png);
}

En esta página