Applies ToSharePoint no Microsoft 365

Quando adiciona uma página moderna a um site, adiciona e personaliza peças Web, que são os blocos modulares da sua página. Pode ligar algumas peças Web entre si para criar uma experiência interativa e dinâmica para os visualizadores de páginas. Por exemplo, pode ligar uma peça Web Biblioteca de documentos a uma peça Web Ficheiro e Multimédia. Quando um utilizador clica num nome de ficheiro na lista Biblioteca de documentos, o Visualizador de ficheiros mostra o conteúdo desse ficheiro específico. Em alternativa, ligue uma peça Web Lista a uma peça Web Incorporar e adicione código personalizado para uma variedade de experiências dinâmicas. 

Observações: 

  • Algumas funcionalidades são introduzidas gradualmente nas organizações que optaram por participar no programa 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 peças Web neste artigo não estão disponíveis para utilização em páginas clássicas.

As peças Web que pode ligar incluem: a peça Web Propriedades da lista, a peça Web Ficheiro e Multimédia e Incorporar peça Web. Eis alguns exemplos de como pode utilizar estas peças Web ligadas.

Mostrar um ficheiro com base no que um utilizador seleciona numa biblioteca de documentos (ligue uma peça Web Ficheiro e Multimédia a uma peça Web biblioteca de documentos)

Neste exemplo, os utilizadores podem navegar numa biblioteca de documentos de campanha e ver o conteúdo num ficheiro selecionado sem sair da página e sem terem de abrir cada ficheiro.

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

Para fazer isso:

  1. Na sua página, adicione uma peça Web Biblioteca de Documentos com a biblioteca que pretende utilizar e adicione uma peça Web Ficheiro e Multimédia.

  2. Se estiver a adicionar a peça Web Ficheiro e Multimédia pela primeira vez, o painel Documentos recentes será aberto. Selecione Cancelar no canto inferior direito deste painel.

  3. Selecione Editar peça Web Botão de edição da web part no lado esquerdo da peça Web Ficheiro e Multimédia.

  4. Selecione as reticências (...) no canto superior direito do painel de propriedades e, em seguida, selecioneLigar à origem.

    Conectar-se ao botão de origem
  5. Em Ligar à origem, selecione a biblioteca de documentos que pretende utilizar na lista pendente.

    Painel de propriedades do visualizador de arquivos com Conecte-se à lista suspensa de origem
  6. Selecione o X na parte superior do painel para fechá-lo.

  7. Selecione Guardar como rascunho na parte superior da página.

  8. Teste a ligação ao selecionar um documento da biblioteca de documentos que escolheu. Deverá ver o documento apresentado na peça Web Ficheiro e Multimédia.

  9. Quando estiver pronto para a sua audiência ver a página, selecione Publicar no canto superior direito da página.

Mostrar um item numa lista com base no que um utilizador seleciona numa peça Web Lista (ligar uma peça Web Propriedades da lista a uma peça Web Lista)

Quando tem uma lista grande com muitas colunas, pode ser difícil para os utilizadores encontrarem as informações específicas que procuram. Com a peça Web Propriedades da lista, um utilizador pode selecionar um item a partir de uma peça Web Lista e ver apenas os valores que especificar. No exemplo seguinte, uma peça Web Lista contém uma lista de Escritórios regionais. Quando o utilizador seleciona um item da lista, a peça Web Propriedades da lista apresenta apenas o nome do Office e os dados de Vendas.

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

Para fazer isso:

  1. Na sua página, adicione uma peça Web Lista com a lista que pretende utilizar e, em seguida, adicione uma peça Web Propriedades da lista.

  2. Selecione Editar peça Web Botão de edição da web part no lado esquerdo da peça Web Propriedades da lista.

  3. Selecione as reticências (...) no canto superior direito do painel de propriedades e, em seguida, selecione Ligar à origem.

    Conectar-se ao botão de origem
  4. Em Ligar à origem, selecione a lista que pretende utilizar na lista pendente.

  5. Em Apresentar, selecione o que pretende que o utilizador veja na sua página. 

  6. Em Campos a apresentar, selecione as caixas de marcar junto às colunas a partir das quais pretende mostrar valores.

    Listar propriedades do painel Web Part
  7. Selecione Guardar como rascunho na parte superior da página.

  8. Teste a ligação ao selecionar um item da lista que escolheu. Deverá ver o valor que especificou na peça Web Propriedades da lista.

  9. Quando estiver pronto para a sua audiência ver a página, selecione Publicar no canto superior direito da página.

Mostrar um vídeo, imagem ou localização com base no que um utilizador seleciona numa peça Web Lista (ligar uma peça Web Incorporar a uma peça Web Lista)

Com a peça Web Incorporar, pode introduzir ligações ou código de incorporação que utilizem variáveis, permitindo-lhe mostrar uma grande variedade de itens consoante o que o visualizador de páginas seleciona. Eis três exemplos de como pode mostrar imagens, vídeos e localizações selecionadas.

Mostrar um vídeo selecionado do YouTube

Neste exemplo, a peça Web Lista contém uma lista com títulos de vídeo e IDs para vários vídeos do YouTube. Quando um utilizador escolhe um vídeo da lista, a peça Web Incorporar mostra esse vídeo. A ligação na peça Web Incorporar utiliza uma variável para representar o ID de vídeo do vídeo escolhido por um utilizador da lista.

Exemplo de uma Web Part inserida conectada a uma lista

Para fazer isso:

  1. Crie uma lista que tenha uma coluna Título e uma coluna para os seus IDs de Vídeo (como no exemplo acima). O ID é a parte da ligação do YouTube que identifica o vídeo e é encontrado após a parte "v=" da ligação. Por exemplo, na seguinte ligação, a parte em itálico é o ID do Vídeo:

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

  2. Na sua página, adicione uma peça Web Lista e selecione a lista com os IDs de vídeo.

  3. Adicionar uma peça Web Incorporar.

  4. Selecione Editar peça Web Botão de edição da web part no lado esquerdo da peça Web Incorporar.

  5. Selecione as reticências (...) no canto superior direito do painel de propriedades e, em seguida, selecione Ligar à origem.

    Conectar-se ao botão de origem
  6. Em Ligar à origem, selecione a lista no menu pendente.

  7. Em Endereço do Web site ou código de incorporação, adicione a ligação do YouTube. No entanto, em vez de utilizar um ID de vídeo individual, utilize o nome da coluna de lista que contém os IDs como uma variável. Uma variável é indicada por um parêntese reto de abertura, um $e um parêntese reto de fecho a seguir ao nome. Eis um exemplo, em que O ID de Vídeo é o nome da coluna:

    Insira o painel de propriedades da Web Part mostrando a lista conectada

  8. Selecione Guardar como rascunho na parte superior da página.

  9. Teste a ligação ao selecionar um item da lista que escolheu. Deverá ver o vídeo apresentado na peça Web Incorporar.

  10. Quando estiver pronto para a sua audiência ver a página, selecione Publicar no canto superior direito da página.

Mostrar uma imagem selecionada

Neste exemplo, a peça Web Lista contém títulos de imagem e URLs para imagens armazenadas num site do SharePoint. Quando um utilizador escolhe uma imagem da lista, a peça Web Incorporar mostra essa imagem. Neste exemplo, o código IFrame é utilizado na peça Web Incorporar e a variável representa a ligação de imagem.

Exemplo de uma Web Part inserida conectada a uma lista de imagens

Para fazer isso:

  1. Crie uma lista que tenha uma coluna Título e uma coluna para os URLs de Imagem.

    Dica: Para obter um URL para a sua imagem, aceda à biblioteca onde a imagem está armazenada, clique com o botão direito do rato na imagem e clique em Copiar ligação. Em seguida, clique em Copiar. Agora, pode colar a ligação na sua lista.

  2. Na sua página, adicione uma peça Web Lista e selecione a lista com os URLs de Imagem.

  3. Adicionar uma peça Web Incorporar.

  4. Selecione Editar peça Web Botão de edição da web part no lado esquerdo da peça Web Incorporar.

  5. Selecione as reticências (...) no canto superior direito do painel de propriedades e, em seguida, selecioneLigar à origem.

    Conectar-se ao botão de origem
  6. Em Ligar à origem, selecione a lista no menu pendente.

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

    <iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="accelerometer; reprodução automática; encrypted-media; giroscópio; picture-in-picture"></iframe>

    em que [$Image URL] é a variável que representa o nome da coluna para os URLs de Imagem.

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

  9. Teste a ligação ao selecionar um item da lista que escolheu. Deverá ver a imagem apresentada na peça Web Incorporar.

  10. Quando estiver pronto para a sua audiência ver a página, selecione Publicar no canto superior direito da página.

Mostrar uma localização selecionada

Neste exemplo, a peça Web Lista contém localizações e respetivas coordenadas. Quando um utilizador escolhe uma localização a partir da lista, a peça Web Incorporar mostra essa localização num mapa do Bing. Neste exemplo, o código IFrame é utilizado na peça Web Incorporar e as variáveis representam as coordenadas.

Exemplo de uma web part conectada do Inserção mostrando um local de uma lista

Para fazer isso:

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

  2. Na sua página, adicione uma peça Web Lista e selecione a lista com as informações de localização.

  3. Adicionar uma peça Web Incorporar.

  4. Selecione Editar peça Web Botão de edição da web part no lado esquerdo da peça Web Incorporar.

  5. Selecione as reticências (...) no canto superior direito do painel de propriedades e selecione Conectar-se à origem.

    Conectar-se ao botão de origem
  6. Em Conectar à origem, selecione a lista na lista suspensa.

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

    <largura iframe="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"> </iframe>

    em que [$Latitude] e [$Longitude] são as variáveis que representam os nomes de coluna para cada um desses pontos.

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

  9. Teste sua conexão selecionando um item na lista escolhida. Você deve ver um mapa do Bing que mostra o local exibido na Web Part do Inserção.

  10. Quando estiver pronto para que o público-alvo veja a página, selecione Publicar na parte superior direita da página.

Observações: 

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

  • Somente sites seguros podem ser inseridos. Verifique se a URL do site começa com HTTPS.

Filtrar uma lista com base em uma seleção em outra lista ou biblioteca

Com a filtragem dinâmica, você pode filtrar uma lista com base em uma seleção feita em outra lista. No exemplo a seguir, a biblioteca Documentos de Planejamento é filtrada por uma seleção na lista Informações do Projeto. O valor "Marketing" na coluna Equipe de Projeto é selecionado, portanto, somente documentos pertencentes à equipe de Marketing são exibidos na biblioteca Documentos de Planejamento. 

Lista filtrada dinamicamente

Para fazer isso:

  1. Em sua página, adicione uma Web Part de Lista ou uma Web Part da Biblioteca e selecione a lista ou biblioteca com os valores pelos quais você deseja filtrar.

  2. Adicione outra Web Part da Lista ou uma Web Part da Biblioteca e selecione a lista ou biblioteca que contém as informações que você deseja filtrar.

  3. Selecione a lista ou a Web Part de biblioteca que você deseja filtrar e selecione Editar web part Botão de edição da web part no lado esquerdo da Web Part.

  4. Em Filtragem dinâmica, deslize o alternância para a posição On .

  5. Selecione a coluna que você deseja filtrar no campo Coluna em [seu nome de lista] para filtrar.

  6. Em Lista ou Biblioteca que contém o valor do filtro, selecione a lista ou a biblioteca que você adicionou à sua página na Etapa 1.

  7. Em Coluna que contém o valor do filtro, selecione a coluna que tem os valores pelos quais você deseja filtrar.

  8. Selecione Aplicar.

    Usando a imagem de exemplo no início da seção, as opções de filtragem dinâmica para a biblioteca de Documentos de Planejamento seriam semelhantes às seguintes:

    Biblioteca de documentos com painel aberto para opções de filtragem dinâmica

  9. Quando terminar, selecione Salvar como rascunho na parte superior da página ou, se você estiver pronto para ver a página, selecione Publicar na parte superior direita da página.

Precisa de mais ajuda?

Quer mais opções

Explore os benefícios da assinatura, procure cursos de treinamento, saiba como proteger seu dispositivo e muito mais.

As comunidades ajudam você a fazer e responder perguntas, fazer comentários e ouvir especialistas com conhecimento avançado.