Conectar Web Parts no SharePoint Online

Observação: Desejamos fornecer o conteúdo da Ajuda mais recente no seu idioma da forma mais rápida possível. Esta página foi traduzida de forma automatizada e pode conter imprecisões ou erros gramaticais. Nosso objetivo é que este conteúdo seja útil para você. No final da página, deixe sua opinião se estas informações foram úteis para você. Aqui está o artigo em inglês para facilitar a referência.

Quando você adiciona uma página moderna a um site, adiciona e personaliza Web Parts, que são os blocos de construção da página. Você pode conectar algumas Web Parts entre si para criar uma experiência interativa e dinâmica para os visualizadores de página. Por exemplo, você pode conectar uma Web Part de biblioteca de documentos a uma Web Part de visualizador de arquivos. Quando um usuário clica em um nome de arquivo na lista de bibliotecas de documentos, o Visualizador de arquivos mostra o conteúdo desse arquivo específico. Ou conecte uma Web Part de lista a uma Web Part de inserção e adicione um código personalizado para uma variedade de experiências dinâmicas.

Observações: 

  • Algumas funcionalidades são introduzidas gradualmente em organizações que optaram pelo programa de lançamento direcionado. Isso significa que esse recurso pode ainda não estar disponível ou pode parecer diferente em relação ao que descrevemos nos artigos da Ajuda.

  • As Web Parts deste artigo não estão disponíveis para uso em páginas clássicas.

As Web Parts que podem ser conectadas incluem: Web Part propriedades da lista, Web Part de visualizador de arquivos e Web Part de inserção. Aqui estão alguns exemplos de como você pode usar essas Web Parts conectadas.

Mostrar um arquivo com base no que um usuário seleciona em uma biblioteca de documentos (conectar uma Web Part de visualizador de arquivos a uma Web Part de biblioteca de documentos)

Neste exemplo, os usuários podem navegar por uma biblioteca de documentos de campanha e ver o conteúdo em um arquivo selecionado sem sair da página e sem precisar abrir cada arquivo.

Exemplo de uma Web Part de visualizador de arquivos conectada a uma biblioteca de documentos

Para fazer isso:

  1. Na página, adicione uma Web Part de biblioteca de documentos com a biblioteca que você deseja usar e adicione uma Web Part de visualizador de arquivos.

  2. Se você estiver adicionando a Web Part do Visualizador de arquivos pela primeira vez, o painel documentos recentes será aberto. Clique em Cancelar no canto inferior direito deste painel.

  3. Clique em Editar Botão de edição da Web Part da Web Partno lado esquerdo da Web Part do Visualizador de arquivos.

  4. Clique nas reticências (...) no canto superior direito do painel de propriedades e, em seguida, clique em conectar à fonte.

    Botão conectar-se ao código-fonte
  5. Em conectar à fonte, selecione a biblioteca de documentos que você deseja usar na lista suspensa.

    Painel de propriedades do Visualizador de arquivos com a conexão ao menu suspenso fonte
  6. Clique no X na parte superior do painel para fechá-lo.

  7. Clique em salvar como rascunho na parte superior da página.

  8. Teste sua conexão selecionando um documento da biblioteca de documentos que você escolheu. Você deve ver o documento exibido na Web Part Visualizador de arquivos.

  9. Quando estiver pronto para que a sua audiência Veja a página, clique em publicar no canto superior direito da página.

Mostrar um item em uma lista com base no que um usuário seleciona em uma Web Part de lista (conectar uma Web Part de propriedades de lista a uma Web Part de lista)

Quando você tem uma lista grande com muitas colunas, pode ser difícil para os usuários encontrarem as informações específicas que estão procurando. Com a Web Part propriedades da lista, um usuário pode selecionar um item de uma Web Part de lista e ver somente os valores que você especificar. No exemplo a seguir, uma Web Part de lista contém uma lista de escritórios regionais. Quando o usuário seleciona um item da lista, a Web Part de propriedades da lista exibe somente o nome do escritório e os dados de vendas.

Exemplo de uma lista conectada a uma Web Part de propriedades de lista

Para fazer isso:

  1. Na sua página, adicione uma Web Part de lista com a lista que você deseja usar e, em seguida, adicione uma Web Part de propriedades da lista.

  2. Clique em Editar Botão de edição da Web Part da Web Partno lado esquerdo da Web Part de propriedades da lista.

  3. Clique nas reticências (...) no canto superior direito do painel de propriedades e, em seguida, clique em conectar à fonte.

    Botão conectar-se ao código-fonte
  4. Em conectar-se à fonte, selecione a lista que você deseja usar na lista suspensa.

  5. Em Exibir, selecione o que você deseja que o usuário veja na sua página. 

  6. Em campos a serem exibidos, marque as caixas de seleção ao lado das colunas das quais você deseja mostrar os valores.

    Painel de Web Part propriedades da lista
  7. Clique em salvar como rascunho na parte superior da página.

  8. Teste a conexão selecionando um item da lista que você escolheu. Você deve ver o valor especificado na Web Part de propriedades da lista.

  9. Quando estiver pronto para que a sua audiência Veja a página, clique em publicar no canto superior direito da página.

Mostrar um vídeo, uma imagem ou um local com base no que um usuário seleciona em uma Web Part de lista (conectar uma Web Part de inserção a uma Web Part de lista)

Com a Web Part de inserção, você pode inserir links ou inserir código que use variáveis, permitindo que você mostre uma ampla variedade de itens dependendo do que o Visualizador de páginas seleciona. Aqui estão três exemplos de como você pode mostrar imagens, vídeos e locais selecionados.

Mostrar um vídeo do YouTube selecionado

Neste exemplo, a Web Part de lista contém uma lista com títulos de vídeo e IDs para vários vídeos do YouTube. Quando um usuário escolhe um vídeo da lista, a Web Part de inserção mostra esse vídeo. O link na Web Part de inserção usa uma variável para representar a ID de vídeo do vídeo escolhido por um usuário na lista.

Exemplo de uma Web Part de inserção conectada a uma lista

Para fazer isso:

  1. Crie uma lista que tenha uma coluna de título e uma coluna para suas IDs de vídeo (como no exemplo acima). A ID é a parte do link do YouTube que identifica o vídeo e é encontrada após a parte "v =" do link. Por exemplo, no link a seguir, a parte em itálico é a ID do vídeo:

    https://www.youtube.com/watch?v =0YEPy7HRf60

  2. Na sua página, adicione uma Web Part de lista e escolha a lista com as IDs de vídeo.

  3. Adicionar uma Web Part de inserção.

  4. Clique em Editar Botão de edição da Web Part da Web Partno lado esquerdo da Web Part de inserção.

  5. Clique nas reticências (...) no canto superior direito do painel de propriedades e, em seguida, clique em conectar à fonte.

    Botão conectar-se ao código-fonte
  6. Em conectar-se à fonte, selecione a lista no menu suspenso.

  7. Em endereço do site da Web ou código de inserção, adicione o link do YouTube. No entanto, em vez de usar uma ID de vídeo individual, use o nome da coluna de lista que contém as IDs como uma variável. Uma variável é denotada por um colchete de abertura, $ e um colchete de fechamento após o nome. Aqui está um exemplo em que o ID do vídeo é o nome da coluna:

    Painel de propriedades inserir Web Part mostrando a lista conectada

  8. Clique em salvar como rascunho na parte superior da página.

  9. Teste a conexão selecionando um item da lista que você escolheu. Você verá o vídeo exibido na Web Part de inserção.

  10. Quando estiver pronto para que a sua audiência Veja a página, clique em publicar no canto superior direito da página.

Mostrar uma imagem selecionada

Neste exemplo, a Web Part de lista contém títulos e URLs de imagens armazenados em um site do SharePoint. Quando um usuário escolhe uma imagem da lista, a Web Part de inserção mostra essa imagem. Neste exemplo, o código IFrame é usado na Web Part de inserção e a variável representa o link da imagem.

Exemplo de uma Web Part de inserção conectada a uma lista de imagens

Para fazer isso:

  1. Crie uma lista que tenha uma coluna de título e uma coluna para as URLs da imagem.

    Dica: Para obter uma URL para a sua imagem, vá para a biblioteca onde a imagem está armazenada, clique com o botão direito do mouse na imagem e clique em Copiar link. Em seguida, clique em copiar. Agora você pode colar o link na sua lista.

  2. Na sua página, adicione uma Web Part de lista e escolha a lista com suas URLs de imagem.

  3. Adicionar uma Web Part de inserção.

  4. Clique em Editar Botão de edição da Web Part da Web Partno lado esquerdo da Web Part de inserção.

  5. Clique nas reticências (...) no canto superior direito do painel de propriedades e, em seguida, clique em conectar à fonte.

    Botão conectar-se ao código-fonte
  6. Em conectar-se à fonte, selecione a lista no menu suspenso.

  7. Em endereço do site da Web ou código de inserção, adicione o código de inserção. Neste exemplo, o código de inserção é:

    <iframe width = "693" Height = "390" src = "[$Image URL]" frameBorder = "0" allowFullScreen = "" Allow = "acelerômetro; reproduzir criptografado-mídia; Gyroscope; imagem "></iframe>

    onde [$Image URL] é a variável que representa o nome da coluna das URLs da imagem.

    Exemplo de código de inserção para uma imagem selecionada
  8. Clique em salvar como rascunho na parte superior da página.

  9. Teste a conexão selecionando um item da lista que você escolheu. Você deve ver a imagem exibida na Web Part de inserção.

  10. Quando estiver pronto para que a sua audiência Veja a página, clique em publicar no canto superior direito da página.

Mostrar um local selecionado

Neste exemplo, a Web Part de lista contém locais e suas coordenadas. Quando um usuário escolhe um local da lista, a Web Part de inserção mostra esse local em um mapa do Bing. Neste exemplo, o código IFrame é usado na Web Part de inserção, e as variáveis representam as coordenadas.

Exemplo de uma Web Part de inserção conectada mostrando um local de uma lista

Para fazer isso:

  1. Crie uma lista que tenha uma coluna de título e colunas para longitude e latitude.

  2. Na página, adicione uma Web Part de lista e escolha a lista com as informações de localização.

  3. Adicionar uma Web Part de inserção.

  4. Clique em Editar Botão de edição da Web Part da Web Partno lado esquerdo da Web Part de inserção.

  5. Clique nas reticências (...) no canto superior direito do painel de propriedades e, em seguida, clique em conectar à fonte.

    Botão conectar-se ao código-fonte
  6. Em conectar-se à fonte, selecione a lista no menu suspenso.

  7. Em endereço do site da Web ou código de inserção, adicione o código de inserção. Neste exemplo, o código de inserção é:

    <iframe width = "500" Height = "400" src = "https://www.Bing.com/maps/embed? h = 400&amp; w = 500&amp; CP = [$Latitude] ~ [$Longitude] &amp; lvl = 13&amp; Typ = d&amp; sty = r&amp; src = SHELL&amp; FORM = MBEDV8 "frameBorder =" 0 "scrolling =" no "no > </iframe>

    onde [$Latitude] e [$Longitude] são as variáveis que representam os nomes das colunas para cada um desses pontos.

    Exemplo de código de inserção para mostrar locais
  8. Clique em salvar como rascunho na parte superior da página.

  9. Teste a conexão selecionando um item da lista que você escolheu. Você verá um mapa do Bing que mostra o local exibido na Web Part de inserção.

  10. Quando estiver pronto para que a sua audiência Veja a página, clique em publicar no canto superior direito da página.

Observações: 

  • O código de inserção deve ser baseado em iframe (ou seja, iniciar e terminar com as marcas <iframe>). Não há suporte para o código de inserção que usa marcas <script>.

  • Só é possível incorporar sites seguros da Web. Certifique-se de que a URL do Web site comece com HTTPS.

Expanda suas habilidades no Office
Explore o treinamento
Obtenha novos recursos primeiro
Ingressar no Office Insider

Essas informações foram úteis?

Obrigado por seus comentários!

Agradecemos pelos seus comentários! Parece que pode ser útil conectar você a um de nossos agentes de suporte do Office.

×