Botón Agregar favorito

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

La posición del botón Agregar favorito se administra completamente mediante el menú Favoritos.

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

.s7ecatalogviewer .s7addfavoritebutton

Propiedades CSS del botón Agregar favorito

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 .

width

Ancho del botón.

height

Altura del botón.

NOTA

Este botón es compatible con el state y selected selectores de atributos, que se pueden utilizar para aplicar diferentes aspectos a diferentes estados de botones. En particular, selected='true' corresponde al estado en el que un usuario puede agregar un nuevo icono Favorito al seleccionar o pulsar. El atributo selected='false' corresponde al modo de funcionamiento normal cuando el usuario puede ampliar, panoramizar e intercambiar páginas.

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 botón Añadir favorito de 28 x 28 píxeles. Muestra una imagen diferente para cada uno de los cuatro estados de botón cuando se selecciona o no se selecciona.

.s7ecatalogviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}

En esta página