Causes the viewer to enter or exit full screen mode when selected by the user. Esse botão aparece na barra de controle principal. Esse botão não será exibido se o visualizador funcionar no modo pop-up e o sistema não oferecer suporte a tela cheia nativa. You can size, skin, and positioned the button by CSS.
CSS properties of the main viewer area
A aparência do botão é controlada com o seguinte seletor de classe CSS:
.s7ecatalogviewer .s7fullscreenbutton
Propriedade CSS |
Description |
---|---|
top |
Posição a partir da borda superior da barra de controle principal, incluindo o preenchimento. |
right |
Posição a partir da borda direita da barra de controle principal, incluindo o preenchimento. |
left |
Posição da borda esquerda da barra de controle principal, incluindo o preenchimento. |
bottom |
Posição a partir da borda inferior da barra de controle principal, incluindo o preenchimento. |
width |
Width of the button. |
altura |
Height of the button. |
background-image |
A imagem exibida para um determinado estado de botão. |
posição de fundo |
Posição dentro da estrutura de arte, se os sprites CSS forem usados. Consulte também Sprites CSS . |
This button supports both the state
and selected
attribute selectors, which can be used to apply different skins to different button states. Em especial, selected='true'
corresponde ao estado “tela cheia” e selected='false'
corresponde ao estado “normal”.
A dica de ferramenta do botão pode ser localizada. See Localization of user interface elements for more information.
Exemplo - Para configurar um botão de tela cheia com 28 x 28 pixels e é posicionado 4 pixels da parte inferior e 5 pixels da borda direita da barra de controle principal. E, por fim, exibe uma imagem diferente para cada um dos quatro estados de botão diferentes quando selecionado ou não selecionado.
.s7ecatalogviewer .s7fullscreenbutton {
bottom:4px;
right:5px;
width:28px;
height:28px;
}
.s7ecatalogviewer .s7fullscreenbutton [selected='false'][state='up'] {
background-image:url(images/enterFullBtn_up.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='false'][state='over'] {
background-image:url(images/enterFullBtn_over.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='false'][state='down'] {
background-image:url(images/enterFullBtn_down.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='false'][state='disabled'] {
background-image:url(images/enterFullBtn_disabled.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='true'][state='up'] {
background-image:url(images/exitFullBtn_up.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='true'][state='over'] {
background-image:url(images/exitFullBtn_over.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='true'][state='down'] {
background-image:url(images/exitFullBtn_down.png);
}
.s7ecatalogviewer .s7fullscreenbutton [selected='true'][state='disabled'] {
background-image:url(images/exitFullBtn_disabled.png); }
}