Pulsante Miniature thumbnails-button
Se si seleziona o si tocca questo pulsante, viene ripristinato il visualizzatore tra la visualizzazione principale e le miniature. Questo pulsante viene visualizzato nella barra di controllo principale. Puoi ridimensionare, applicare lo skin e posizionare questo pulsante utilizzando gli stili CSS.
Proprietà CSS dell'area visualizzatore principale
L’aspetto del pulsante è controllato dal seguente selettore di classe CSS:
.s7ecatalogviewer .s7thumbnailpagebutton
Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.
Vedere anche sprite CSS.
state che selected, che possono essere utilizzati per applicare interfacce diverse a stati di pulsante diversi. In particolare, selected='true' corrisponde allo stato del visualizzatore quando la modalità miniatura è attiva e selected='false' corrisponde allo stato predefinito con la visualizzazione principale.La descrizione comando del pulsante può essere localizzata. Per ulteriori informazioni, vedere Localizzazione degli elementi dell'interfaccia utente.
Esempio: per impostare un pulsante delle miniature di 28 x 28 pixel posizionato a 4 pixel dal basso e a 5 pixel dal bordo sinistro della barra di controllo principale. Infine, visualizza un'immagine diversa per ciascuno dei quattro diversi stati del pulsante, se selezionato o meno.
.s7ecatalogviewer .s7thumbnailpagebutton{
margin-top: 4px;
margin-left: 5px; width:28px;
height:28px;
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='false'][state='up'] {
background-image:url(images/v2/ThumbnailPageButton_dark_up.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='false'][state='over'] {
background-image:url(images/v2/ThumbnailPageButton_dark_over.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='false'][state='down'] {
background-image:url(images/v2/ThumbnailPageButton_dark_down.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='false'][state='disabled'] {
background-image:url(images/v2/ThumbnailPageButton_dark_disabled.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='true'][state='up'] {
background-image:url(images/v2/ThumbnailPageButton_dark_over.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='true'][state='over'] {
background-image:url(images/v2/ThumbnailPageButton_dark_over.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='true'][state='down'] {
background-image:url(images/v2/ThumbnailPageButton_dark_over.png);
}
.s7ecatalogviewer .s7thumbnailpagebutton [selected='true'][state='disabled'] {
background-image:url(images/v2/ThumbnailPageButton_dark_disabled.png);
}