Compartilhar via


Layouts de web part do SharePoint

SharePoint usa vários tipos diferentes de layout para web parts. As mais comuns são grade, lista, tira de filme, carrossel e compactação. Cada um desses cinco layouts servem um propósito diferente, dependendo do layout, pontos de interrupção e densidade do conteúdo de uma página.

Ao selecionar um layout que funciona melhor para sua web part, considere o tipo de conteúdo que você está exibindo. É altamente visual ou avançado no texto e dados? Determine a quantidade de espaço necessária na página para conteúdo suficiente ser exibido. Cogite encurtar descrições longas para otimizar, exibindo mais itens ao usuário. Lembre-se de que você pode usar o painel de propriedade para permitir que os autores tenham controle sobre a quantidade de conteúdo exibida.

Carrossel com ícones que representam os layouts comuns

Grade e tira de filme

Layouts de grade e tira de filme são semelhantes. Ambos usam cartões para demonstrar conteúdo. No entanto, os outros conteúdos retangulares também funcionam bem nesses layouts, como imagens. A principal diferença entre os dois layouts é como o refluxo é feito baseado em vários tamanhos de tela ou pontos de interrupção.

Layout de grade

A grade reflui nas linhas e colunas de cima para baixo e pode conter alguns itens ao mesmo tempo.

Gif animado mostrando o layout de grade com refluxo entre pontos de interrupção

Layout tira de filme

A tira de filme exibe vários itens em uma única linha e carrosséis para um novo conjunto de itens.

Gif animado mostrando o layout tira de filme com refluxo entre pontos de interrupção

Lista

O layout de lista é útil para exibir uma grande quantidade de informações de forma compacta. Quando redimensionadas, as colunas menos importantes ficarão ocultas, pois a largura da página diminui.

Gif animado mostrando o layout de lista com refluxo entre pontos de interrupção

Se você quiser mostrar elementos visuais atraentes com conteúdo, escolha o layout de carrossel. Esse layout foi projetado para exibir o conteúdo visual como imagens ou arquivos do PowerPoint um a um em item carrossel.

Gif animado mostrando o layout de carrossel com refluxo entre pontos de interrupção

Compacto

Layout compacto serve para mostrar o conteúdo em um formato menor e funciona melhor em uma coluna de um terço. Esse layout pode acomodar uma pequena imagem ou o ícone e linhas de texto para um título, descrição e/ou metadados.

Gif animado mostrando o layout compacto com refluxo entre pontos de interrupção

Confira também