La posición del botón se administra completamente mediante el menú Favoritos.
El aspecto del botón Vista de todos los favoritos se controla con el siguiente selector de clase CSS:
.s7ecatalogsearchviewer .s7viewallfavoritebutton
Propiedades CSS del botón Quitar favorito
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 . |
width |
Ancho del botón. |
height |
Altura del botón. |
Este botón admite los selectores de atributos state
y selected
, que pueden utilizarse para aplicar diferentes apariencias a diferentes estados de botón. En particular, selected='true'
corresponde al estado cuando un usuario puede agregar un nuevo icono de favorito haciendo clic o tocando. selected='false'
corresponde al modo de operación normal cuando un usuario puede aplicar zoom, desplazarse e intercambiar páginas.
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 Vista Todos los favoritos de 28 x 28 píxeles y muestra una imagen diferente para cada uno de los cuatro estados de botón diferentes cuando se selecciona o no se selecciona.
.s7ecatalogsearchviewer .s7viewallfavoritebutton {
width:28px;
height:28px;
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7viewallfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/ViewAllFavoritesButton_dark_disabled.png);
}