Botão de tela cheia

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 .

OBSERVAÇÃO

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); }
}

Nesta página