Web Part de Imagem

Aplica-se a
SharePoint Server 2019 SharePoint Server 2016 Windows SharePoint Services 3.0

É possível usar a Web Part de Imagem para adicionar uma imagem ou um gráfico a uma Página de Web Parts. Para coordenar mais facilmente a imagem com outras Web Parts na página, você poderá controlar o alinhamento vertical, o alinhamento horizontal e a cor de plano de fundo da imagem dentro da Web Part de Imagem modificando suas propriedades personalizadas em um modo de exibição compartilhado.

Neste artigo

Maneiras de usar a Web Part de Imagem

Você pode usar a Web Part de Imagem para:

  • Adicionar um logotipo corporativo ou de projeto a uma página.
  • Exibir fotos de funcionários ou produtos.
  • Tornar a página mais atraente visualmente.

Início da Página

Maneiras de exibir uma imagem

Há duas maneiras de exibir uma imagem:

  • Insira um caminho de arquivo ou hiperlink para o arquivo de imagem na caixa de texto de propriedade Link da Imagem. Nesse caso, a imagem é estática e não muda (a menos que você edite a propriedade).
  • Conecte a Web Part de Imagem a outra Web Part que forneça o caminho do arquivo ou hiperlink. Nesse caso, a imagem pode ser dinâmica e pode mudar como resultado de uma ação em outra Web Part, como no caso de um usuário selecionar uma linha em uma Web Part de Modo de Exibição de Lista.
    Por exemplo, você pode conectar uma Web Part de Modo de Exibição de Lista que contenha contatos para a Web Part de Imagem. Sempre que você selecionar uma linha na Web Part de Modo de Exibição de Lista de Contatos que contém uma coluna com um hiperlink para um arquivo que contenha uma imagem desse contato, será possível ver a imagem do contato exibida na Web Part de Imagem.

Início da Página

Conectar a Web Part de Imagem a outra Web Part

  1. Na imagem do Botão do menu Ações do Site, clique em Editar Página.
  2. Clique no menu Peça Web menu Peça Web e, em seguida, aponte para Ligações.
  3. Aponte para Obter uma Imagem de e, em seguida, clique no nome da Web Part para a qual deseja adicionar um link.

Observação

Se a propriedade Link da Imagem já tiver um valor e você conectar a Web Part de Imagem a outra Web Part, a propriedade Link da Imagem será ignorada. Se a Web Part de Imagem já estiver conectada a outra Web Part e você quiser definir um valor para a propriedade Link da Imagem, será preciso, primeiro, remover a conexão.

Início da Página

Propriedades personalizadas da Web Part de Imagem

As propriedades personalizadas da Web Part de Imagem estão listadas abaixo.

Observação

Não é possível exibir ou editar nenhuma dessas propriedades personalizadas no modo de exibição pessoal.

Propriedade Descrição
Link da Imagem Especifica um caminho de arquivo ou um hiperlink para a imagem que você deseja exibir na Web Part de Imagem.
Dependendo do navegador que você estiver usando, os formatos de arquivo gráfico suportados incluirão os seguintes.
Formato de ficheiro gráfico****Tipo de ficheiroWindows Bitmap (BMP).bmpWindows Enhanced Metafile (EMF).emfGraphics Interchange Format (GIF).gifJoint Photographic Experts Group (JPEG).jpg, .jpegPortable Network Graphics (PNG).pngA propriedade Image Link pode não estar disponível porque a Peça Web Imagem está ligada a outra Peça Web que fornece a imagem.
Texto Alternativo Especifica o texto a ser exibido quando um usuário posicionar o ponteiro do mouse sobre a imagem. Esse texto é exibido quando a imagem não está disponível.
Alinhamento Vertical de Imagem Posiciona a imagem verticalmente dentro da Web Part de Imagem. Selecione uma das seguintes opções: Superior, Meio ou Inferior. O valor padrão é Meio.
Alinhamento Horizontal de Imagem Posiciona a imagem horizontalmente dentro da Web Part de Imagem. Selecione uma das seguintes opções: Esquerda, Centro ou Direita. O valor padrão é Centro.
Cor de Tela de fundo da Web Part Determina a cor da janela da Web Part de Imagem atrás da imagem. A cor padrão é a cor de tela de fundo do tema atual.

Para especificar uma cor, clique em Imagem do botão à direita da caixa de texto e, em seguida, efetue um dos seguintes procedimentos:

  • Selecione uma cor na grade de cores.
  • Digite um nome de cor HTML.
  • Digite um valor de cor RGB.
Para tornar a cor de tela de fundo igual à do tema do site, clique em Transparente na caixa de diálogo Cor de Tela de Fundo da Web Part.

Início da Página

Propriedades comuns das Web Parts

Todas as Web Parts compartilham um conjunto comum de propriedades que controlam sua aparência, seu layout e suas características avançadas.

Observação

As propriedades comuns das Web Parts que você vê no painel de ferramentas podem ser diferentes das propriedades documentadas nesta seção por vários motivos

  • Para ver a seção Avançado do painel de ferramentas, é preciso ter a permissão apropriada.
  • Para uma Web Part específica, o desenvolvedor de Web Parts pode ter optado por não exibir uma ou mais das propriedades comuns, ou pode ter preferido criar e exibir propriedades adicionais que não estão listadas abaixo nas seções Aparência, Layout e Avançado do painel de ferramentas.
  • Algumas configurações de permissões e de propriedades podem desabilitar ou ocultar as propriedades da Web Part.

Aparência

Propriedade Descrição
Título Especifica o título da Web Part que aparece na barra de título da Web Part.
altura Especifica a altura da Web Part.
largura Especifica a largura da Web Part.
Estado do Cromado Especifica se toda a Web Part aparece na página quando o usuário abre a Página da Web Part. Por padrão, o estado do cromado é definido como Normal e toda a Web Part é exibida. Apenas a barra de título aparece quando o estado está configurado como Minimizado.
Tipo de Cromado Especifica se a barra de título e a borda do quadro da Web Part são exibidas.

Layout

Propriedade Descrição
Oculta Especifica se a Web Part fica visível quando o usuário abre a Página da Web Part. Se essa caixa de seleção estiver marcada, a Web Part ficará visível apenas quando você estiver criando a página e terá o sufixo (Oculta) acrescentado ao título.
Você poderá ocultar uma Web Part se quiser usá-la para fornecer dados para outra Web Part através de uma conexão de Web Part, mas se não quiser exibi-la.
Direção Especifica a direção do texto no conteúdo da Web Part. Por exemplo, arábico é um idioma da direita para a esquerda; inglês e a maioria dos idiomas europeus são da esquerda para a direita. É possível que essa configuração não esteja disponível para todos os tipos de Web Parts.
Zona Especifica a zona da Página de Web Parts em que a Web Part está localizada.
Nota: As zonas na Página de Peças Web não estão listadas na caixa de listagem quando não tem permissão para modificar a zona.
Índice de Zona Especifica a posição da Web Part em uma zona quando essa zona contém mais de uma Web Part.
Para especificar a ordem, digite um inteiro positivo na caixa de texto.
Se as Web Parts na zona estiverem ordenadas de cima para baixo, um valor de 1 significa que a Web Part aparece na parte superior da zona. Se elas estiverem ordenadas da esquerda para a direita, um valor de 1 significa que a Web Part aparece na lateral esquerda da zona.
Por exemplo, quando você adiciona uma Web Part a uma zona vazia ordenada de cima para baixo, o Índice de Zona é 0. Quando uma segunda Web Part é adicionada à parte inferior da zona, seu Índice de Zona é 1. Para mover a segunda Web Part até a parte superior dessa zona, digite 0 e depois digite 1 para a primeira Web Part.
Nota: Cada Peça Web na zona tem de ter um valor de Índice de Zona exclusivo. Portanto, alterar o valor de Índice de Zona da Web Part atual também pode alterar esse valor para as outras Web Parts na mesma zona.

Avançado

Propriedade Descrição
Permitir Minimização Especifica se a Web Part pode ser minimizada.
Permitir Fechamento Especifica se a Web Part pode ser removida da Página de Web Parts.
Permitir Ocultar Especifica se a Web Part pode ser ocultada.
Permitir Alteração de Zona Especifica se a Web Part pode ser movida para outra zona.
Permitir Conexões Especifica se a Web Part pode participar de conexões com outras Web Parts.
Permitir Edição na Exibição Pessoal Especifica se as propriedades da Web Part podem ser modificadas em uma exibição pessoal.
Modo de Exportação Especifica o nível de dados que podem ser exportados para esta Web Part. Dependendo da sua configuração, talvez essa definição não esteja disponível.
URL do Título Especifica a URL de um arquivo que contém informações adicionais sobre a Web Part. O arquivo é exibido em uma janela separada do navegador quando você clica no título da Web Part.
Descrição Especifica a Dica de Tela que aparece quando o ponteiro do mouse está sobre o título ou o ícone da Web Part. O valor dessa propriedade é usado quando você procura por Web Parts usando o comando Pesquisar no menu Localizar Web Parts do painel de ferramentas nas seguintes galerias de Web Parts: Site, Servidor Virtual e Página de Web Part.
URL da Ajuda Especifica a localização de um arquivo que contém informações de Ajuda sobre a Web Part. As informações da Ajuda são exibidas em uma janela separada do navegador quando você clica no comando Ajuda do menu da Web Part.
Modo de Ajuda Especifica como o navegador exibirá o conteúdo da Ajuda de uma Web Part.

Selecione uma das seguintes opções:
  • Modal Abre uma janela do browser separada, se o browser tiver esta capacidade. O usuário precisa fechar a janela antes de retornar à página da Web.
  • Modelação Abre uma janela do browser separada, se o browser tiver esta capacidade. O usuário não precisa fechar a janela antes de retornar à página da Web. Esse é o valor padrão.
  • NavegarAbre a página da Web na janela atual do navegador.

Nota: Apesar de as Peças Web personalizadas do Microsoft ASP.NET suportarem esta propriedade, os tópicos de Ajuda predefinidos do Windows SharePoint Services 3.0 só são abertos numa janela separada do browser.
URL da Imagem do Ícone de Catálogo Especifica a localização de um arquivo que contém uma imagem a ser usada como ícone da Web Part na Lista de Web Parts. O tamanho da imagem deve ser de 16 por 16 pixels.
URL da Imagem do Ícone de Título Especifica a localização de um arquivo que contém uma imagem a ser usada na barra de título da Web Part. O tamanho da imagem deve ser 16 por 16 pixels.
Mensagem de Erro de Importação Especifica uma mensagem que aparecerá se houver algum problema na importação da Web Part.

Início da Página