Personalizar Modos de Exibição de Dados e formulários usando o SharePoint Designer

Neste artigo

• Abrir modos de exibição de lista e dados

• Adicionar, remover e reorganizar colunas

• Classificar e agrupar

• Filtro

• Formatação condicional

• Colocar

• Habilitar edição embutida

• Habilitar atualizações assíncronas

• Adicionar opções da barra de ferramentas

• Aplicar estilos de modo de exibição

• Mais opções de personalização

Abrir modos de exibição de lista e dados

Modos de exibição de lista e modos de exibição de dados podem ser criados e abertos de diversas maneiras no SharePoint Designer 2010 (conforme explicado no início deste artigo). Você pode, por exemplo, abrir um modo de exibição de lista da lista ou biblioteca ao qual ele está associado no momento ou pode abrir um modo de exibição de dados da página do site onde ele está localizado. Ambas as opções estão no menu de navegação. (Associado a uma lista ou biblioteca, ou a qualquer número de fontes de dados. Use um dos métodos abaixo para abrir um modo de exibição de lista ou modo de exibição de dados no SharePoint Designer 2010.)

Para abrir um modo de exibição de lista associado a uma lista

1. Abra seu site no SharePoint Designer 2010.

2. No painel de navegação , clique em listas e bibliotecas.

3. Abra a lista que contém o modo de exibição de lista.

4. Clique na guia Opções e use as opções Exibir edição para personalizar o modo de exibição de lista.
   

   Observação:  Talvez seja necessário clicar primeiro dentro do modo de exibição para exibir as opções de edição de exibição no SharePoint Designer 2010

Para abrir um modo de exibição de dados ou de lista a partir de uma página do site

1. Abra seu site no SharePoint Designer 2010.

2. No painel de navegação , clique em páginas do site.

3. Abra a página que contém o modo de exibição de dados ou de lista.

4. Clique na guia Opções e use as opções Exibir edição para personalizar a lista ou o modo de exibição de dados.
   

   Observação:  Talvez seja necessário clicar primeiro dentro do modo de exibição para exibir as opções de edição de exibição no SharePoint Designer 2010.

O restante deste artigo pressupõe que você executou estas etapas ou etapas semelhantes para abrir o modo de exibição para edição.

Início da página

Adicionar, remover e reorganizar colunas

Uma das primeiras coisas que você faz normalmente com um modo de exibição de dados é adicionar e remover colunas. Ao alterar as colunas em um modo de exibição de dados, você está adicionando, removendo ou organizando os campos conforme eles aparecem no modo de exibição de dados. Use a caixa de diálogo Editar colunas para adicionar, remover e reordenar colunas, independentemente de exibirem linhas ou colunas. Você também pode modificar colunas usando os comandos de edição de tabela na guia tabela. Layout de tabela serão discutidos mais adiante neste artigo.

Execute as etapas a seguir para adicionar, remover e reorganizar as colunas em uma lista ou modo de exibição de dados.

1. Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em Adicionar/remover de colunas.
   

   Observação:  O comando Editar colunas não estará disponível se o modo de exibição de dados estiver em uma tabela HTML que usa atributos RowSpan ou ColSpan com um valor maior que 1.

2. A caixa de diálogo Editar colunas é aberta.
   

3. Execute um dos seguintes procedimentos:

   • Para adicionar uma coluna, selecione o campo da coluna em campos disponíveis e clique em Adicionar.

   • Para selecionar vários campos ao mesmo tempo, pressione e mantenha pressionada a tecla CTRL enquanto clica nos campos.

   • Para remover uma coluna existente, selecione a coluna em colunas exibidas e, em seguida, clique em remover.

   • Para selecionar vários campos ao mesmo tempo, pressione e mantenha pressionada a tecla CTRL enquanto clica nos campos

   • Para reorganizar as colunas, selecione a coluna em colunas exibidas e, em seguida, clique em mover para cima ou mover para baixo

4. Clique em OK para aplicar as alterações no modo de exibição.

Saiba mais sobre modos de exibição de dados na seção Consulte também .

Início da página

Classificar e agrupar

Quando você classifica dados em um modo de exibição de dados, você modifica a ordem em que os dados são exibidos para que seja mais fácil para você e os visitantes do seu site compreendam os dados. Exemplos de ordem de classificação incluem ordenação alfabética e numérica. Você pode criar pedidos de classificação adicionais usando a caixa de diálogo classificar avançado no SharePoint Designer 2010.

Além da classificação, você pode agrupar dados. Ao agrupar dados, você pode exibir um cabeçalho ou rodapé para um grupo de campos na ordem de classificação e escolher se o grupo é expandido ou recolhido por padrão. Você também pode optar por manter os grupos ao paginação na exibição e mostrar os nomes de coluna ou os totais de cada grupo.

Para classificar colunas em um modo de exibição de lista ou de dados

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em classificar & de grupo.

A caixa de diálogo classificar e agrupar é aberta.

1. Em campos disponíveis, clique no campo que você deseja classificar e, em seguida, clique em Adicionar.

2. Em Propriedades de classificação, escolha como você deseja classificar os campos selecionando crescente (do menor para o maior) ou decrescente (do maior para o menor).

   Você também pode alterar a ordem de classificação crescente ou decrescente simplesmente clicando duas vezes no campo na lista ordem de classificação .

3. Para usar uma classificação mais avançada do que crescente ou decrescente, clique em Editar expressão de classificação. Isso abre a caixa de diálogo classificação avançada na qual você pode personalizar a ordem de classificação usando expressões XPath. Saiba mais em personalização avançada de lista e exibição de dados usando expressões XPath.

4. Para classificar em vários campos, escolha mais campos em campos disponíveis e, em seguida, adicione-os à ordem de classificação.

   Se você adicionar vários campos à ordem de classificação e desejar alterar o campo que está classificado primeiro, selecione o campo na lista ordem de classificação e clique em mover para cima ou mover para baixo.

   Clique em OK para aplicar as alterações no modo de exibição.

Para agrupar colunas em um modo de exibição de lista ou de dados

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em classificar & de grupo.

1. A caixa de diálogo classificar e agrupar é aberta.
   

2. Na lista ordem de classificação , clique no campo pelo qual você deseja agrupar.
   Observação cada campo na ordem de classificação pode ter propriedades de grupo individuais aplicadas a ele. Verifique se você selecionou o campo desejado antes de aplicar as propriedades do grupo.

3. Para mostrar um cabeçalho no início de cada grupo, em Propriedades do grupo, marque a caixa de seleção Mostrar cabeçalho de grupo e, em seguida, siga um destes procedimentos:

   1. Para que os grupos no modo de exibição sejam exibidos como expandidos por padrão, clique no grupo expandir por padrão.

   2. Para que os grupos na exibição de dados apareçam como recolhidos por padrão, clique em recolher grupo por padrão

4. As opções restantes se aplicam apenas a modos de exibição de dados e não a modos de exibição de lista (Para obter mais informações sobre as diferenças de exibição de lista e dados, acesse a seção Consulte também.)

5. Para mostrar um rodapé no final de cada grupo que exibe quantos registros existem nesse grupo, marque a caixa de seleção Mostrar rodapé de grupo .

6. Depois de selecionar a caixa de seleção Mostrar cabeçalho de grupo ou Mostrar rodapé de grupo , o botão de agrupamento avançado torna-se disponível.

7. Clique em agrupamento avançado. (Essa opção fica habilitada quando você marca a opção Mostrar cabeçalho do grupo ou Mostrar rodapé do grupo ).

8. Execute um dos seguintes procedimentos:

   • Para ocultar os registros individuais na lista, marque a caixa de seleção sempre ocultar detalhes do grupo .

   • Para mostrar todos os itens de um grupo em uma única página, mesmo se o total exceder o número especificado de itens a serem exibidos em uma lista, marque a caixa de seleção manter grupos durante a paginação.

   • Para inserir uma linha em cada grupo que exibe os nomes das colunas, marque a caixa de seleção Mostrar nomes de coluna por grupo .

   • Para inserir uma linha em cada grupo que exiba o número total de registros dentro de cada grupo, marque a caixa de seleção mostrar totais de coluna por grupo .

Para permitir que os usuários do site classifiquem ou agrupem dados por meio do navegador, você pode adicionar uma barra de ferramentas ao modo de exibição conforme descrito mais adiante neste artigo.

Início da página

Filtro

Você pode aplicar um filtro ao modo de exibição para que somente os dados que satisfaçam um determinado critério sejam exibidos na lista ou no modo de exibição de dados. Isso é útil quando você tem um modo de exibição que contém centenas ou milhares de registros e deseja facilitar a leitura dos dados. Ao criar um filtro, você cria uma ou mais expressões que são aplicadas aos dados. Há três partes básicas: o nome do campo (o nome do campo no qual você deseja filtrar), o operador (a regra que você deseja aplicar ao valor) e o valor (os dados que você está procurando).

Execute as etapas a seguir para filtrar uma lista ou um modo de exibição de dados.

1. Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em Filtrar .

2. A caixa de diálogo critérios de filtro é aberta.
   

3. Em nome do campo, clique no campo que contém os valores desejados.

4. Clique na caixa comparação e, em seguida, clique no operador desejado.

5. Clique na caixa valor e selecione ou digite os critérios desejados.

6. Para adicionar outra cláusula ao filtro, clique na caixa e/ou no final da cláusula existente e, em seguida:

   1. Clique em e para criar um filtro em que os dados devem coincidir com os critérios nas duas cláusulas.

   2. Clique em ou para criar um filtro no qual os dados devem coincidir com os critérios em apenas uma cláusula.

7. Clique na mensagem clique aqui para adicionar uma nova cláusula.

8. Repita as etapas 3-6 para criar uma cláusula adicional para esse filtro.

9. Se você estiver trabalhando em modos de exibição de dados e quiser usar condições mais avançadas, marque a caixa adicionar filtragem XSLT e, em seguida, clique em Editar.
   Isso abre a caixa de diálogo de condição avançada na qual você pode personalizar a ordem de classificação usando expressões XPath.

10. Clique em OK.

Para permitir que os visitantes do site classifiquem e agrupem dados por meio do navegador, você pode adicionar uma barra de ferramentas ao modo de exibição conforme descrito mais adiante neste artigo. Só lembre-se de que a filtragem no navegador afeta apenas a apresentação dos dados; Ele não limita a quantidade de dados que está disponível no modo de exibição.

Início da página

Formatação condicional

Com a formatação condicional, você pode aplicar texto formatado, cores de plano de fundo, ícones personalizados e muito mais para uma marca HTML selecionada ou um valor de dados quando os dados atenderem a um determinado critério. Você também pode definir condições que determinam se devem mostrar ou ocultar uma marca HTML ou um valor de dados. A formatação condicional é uma maneira poderosa de realçar itens em um modo de exibição de dados que exijam ação pelo usuário. Você pode, por exemplo, realçar tarefas vencidas vencidas, projetos que executam o orçamento ou suprimentos da empresa com pouca execução.

Execute as etapas a seguir para aplicar a formatação condicional a um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na linha ou na coluna em que você deseja aplicar a formatação condicional.

1. Clique na guia Opções, clique em Filtrar e escolha uma das seguintes Opções :

2. Mostrar conteúdo para exibir dados no modo de exibição que atendem aos critérios especificados.

3. Ocultar conteúdo para ocultar dados no modo de exibição que atendam aos critérios especificados.

4. Formatar linha para aplicar formatação a uma linha que atenda aos critérios especificados.

5. Formatar coluna para aplicar formatação a uma coluna que atenda aos critérios especificados.

6. Formatar seleção para aplicar formatação a uma seleção que atenda aos critérios especificados. (Você deve primeiro realçar uma parte do modo de exibição de dados antes de usar essa opção.)

   As opções mostrar e ocultar conteúdo alteram a visibilidade de marcas HTML selecionadas ou valores de dados. As opções de formato aplicam um estilo a marcas HTML selecionadas ou valores de dados.

7. A caixa de diálogo critérios da condição é aberta.
   

8. Em nome do campo, clique no campo que contém os valores desejados.

9. Clique na caixa comparação e, em seguida, clique no operador desejado.

10. Clique na caixa valor e selecione ou digite os critérios desejados.

11. Para usar condições mais avançadas na exibição, clique em avançado.
    Isso abre a caixa de diálogo de condição avançada na qual você pode personalizar a ordem de classificação usando expressões XPath.

12. Para adicionar outra cláusula ao critério de condição, clique na caixa e/ou no final da cláusula existente e, em seguida:

    • Clique em e para criar um critério de condição no qual os dados devem coincidir com os critérios nas duas cláusulas.

    • Clique ou para criar um critério de condição no qual os dados devem coincidir com os critérios em apenas uma cláusula

13. Abaixo da cláusula existente, clique na mensagem clique aqui para adicionar uma nova cláusula.

14. Repita as etapas 4-7 para criar uma cláusula adicional para os critérios de condição.

15. Se você estiver mostrando ou ocultando dados com a condição, clique em OK para fechar a caixa de diálogo. Para aplicar uma formatação especial à condição, clique em definir estilo.

16. A caixa de diálogo Modificar estilo é aberta.
    

17. Escolha as opções de formatação que você deseja aplicar ao modo de exibição de dados.
    Por exemplo, para colocar o texto em negrito com um plano de fundo amarelo, escolha negrito no menu de espessura da fonte . Em seguida, clique na categoria de plano de fundo e, no menu cor da tela de fundo , digite amarelo ou escolha uma variação de amarelo.

18. Clique em OK.

Como modos de exibição de lista e dados exibem dados dinâmicos, você vê a formatação condicional aplicada imediatamente no modo Design.

Início da página

Colocar

Com a paginação, você pode alterar o número de registros exibidos em cada página de um modo de exibição de lista ou de dados. Você pode configurar o modo de exibição para que ele exiba itens em conjuntos de 5, 10 ou qualquer valor especificado. Os visitantes do site, como resultado, verão links para voltar e avançar no navegador, que eles usam para navegar pelo modo de exibição. Você também pode especificar um limite para o número máximo de itens a serem exibidos no modo de exibição, que novamente pode ser 5, 10 ou qualquer valor especificado.

Execute as etapas a seguir para adicionar um valor de paginação a um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em paginação .

1. Escolha uma das opções de paginação:

   1. Exibir conjuntos de itens: escolha se deseja exibir itens em conjuntos de 1, 5, 10 ou 30.

      Selecionar essa opção exibe links de navegação no modo de exibição quando o número total de registros exceder o número especificado nessa opção.

   2. Limitar a itens: escolha um número máximo de itens a serem exibidos no modo de exibição, 1, 5, 10 ou 30.

2. Escolha mais opções de paginação para especificar um valor personalizado para a paginação da exibição de dados.

3. A caixa de diálogo Propriedades do modo de exibição de dados é aberta.
   

4. Na guia paginação, selecione uma das seguintes opções:

   • Escolha Exibir itens em conjuntos desse tamanho e especifique um número na caixa fornecida.
     O valor padrão nessa opção será 10 se houver mais de 25 registros na exibição e 6 se a exibição tiver menos de 25 registros.

   • Escolha limitar o número total de itens exibidos a e especifique um número na caixa fornecida.
     O valor padrão nesse campo é definido como 100.

5. Clique em OK.

Além de alterar o número de registros exibidos para o modo de exibição em uma página da Web, você pode alterar o número de registros exibidos no modo de exibição Design do SharePoint Designer 2010. Você pode fazer isso quando quiser ver como um modo de exibição será renderizado com um determinado número de registros. Para alterar o número de registros no modo Design, clique na guia design e, no grupo Visualização , escolha uma das opções de visualização de exibição de dados disponíveis.

Início da página

Habilitar edição embutida

Quando a edição embutida está habilitada, os visitantes do site podem editar facilmente cada registro no contexto do modo de exibição sem precisar sair da página ou abrir uma nova janela. Basta clicar no botão Editar ao lado da coluna ou linha no modo de exibição de dados, e cada campo torna-se editável. As caixas de texto, menus e controles de campo estão disponíveis para cada registro da mesma maneira que estão disponíveis em formulários novos e de edição de itens. A edição embutida combina o melhor de um modo de exibição e um formulário em um só lugar.

Execute as etapas a seguir para habilitar a edição embutida para um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e, em seguida, clique em de edição embutida.
Para exibições de lista, isso permite links novos e Edit, que os visitantes do site usam para criar e editar registros.

1. Para modos de exibição de dados, escolha uma ou todas as seguintes opções de edição embutidas:

   1. Mostrar links de edição de item: permite um link de edição no qual os usuários clicam para editar o registro embutido.

   2. Mostrar links de inserção de item: permite um link de inserção no qual os usuários clicam para criar novos registros embutidos.

   3. Mostrar links de exclusão de item: permite um link de exclusão no qual os usuários clicam para excluir registros embutidos.

2. Salve as alterações na sua lista ou modo de exibição de dados.

Para ver os modos de exibição de lista, na próxima vez que você abrir o modo de exibição em um navegador e passar o mouse sobre uma linha ou coluna, você verá um botão Editar . Para modos de exibição de dados, você verá um link Editar ao lado de cada linha ou coluna.

Clique no link para começar a editar a linha ou coluna dos registros embutidos, como mostrado a seguir.

Início da página

Habilitar atualizações assíncronas

As atualizações assíncronas são um componente principal da plataforma AJAX do ASP.NET, e você pode habilitá-las para modos de exibição de lista e dados em seu site. Quando você habilita atualizações assíncronas, a lista ou o modo de exibição de dados recupera dados do servidor em tempo real e renderiza-os em um navegador sem que o usuário tenha que atualizar a página. Modos de exibição de lista e dados com atualizações assíncronas são ideais para páginas da Web e painéis avançados de dados.

.

Execute as etapas a seguir para habilitar as atualizações assíncronas para um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia Opções e marque a caixa de atualização assíncrona .

1. Para adicionar um botão atualizar à página, marque a caixa botão atualizar .
   Isso permite que os visitantes do site cliquem em um botão de atualização atualizar manualmente a página.

2. Escolha um intervalo de atualização: 15 segundos, 30 segundos ou 60 segundos.

3. Salve as alterações na sua lista ou modo de exibição de dados.

Início da página

Adicionar opções da barra de ferramentas

Se o modo de exibição usa uma lista ou biblioteca como fonte de dados, você pode adicionar uma barra de ferramentas de lista do SharePoint ao modo de exibição para que os usuários possam trabalhar de forma mais eficiente com a lista ou biblioteca subjacente. A barra de ferramentas de lista do SharePoint é a barra de menus na parte superior de uma lista ou biblioteca que oferece várias opções para trabalhar com essa lista ou biblioteca. Há dois tipos de barras de ferramentas que você pode adicionar:

• A barra de ferramentas do SharePoint oferece opções de edição de lista, como adicionar novos itens, criar modos de exibição e colunas e editar as propriedades da lista.

• A barra de ferramentas de agrupamento oferece opções de exibição de lista como alterar filtragem, classificação e agrupamento.

Execute as etapas a seguir para adicionar a barra de ferramentas a um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia design e, em seguida, clique em Opções .

1. Para adicionar uma barra de ferramentas completa com opções de edição de lista, clique em barra de ferramentas do SharePoint.

2. Para adicionar uma barra de ferramentas com opções de exibição de lista, clique em barra de ferramentas de agrupamento.

   Observação:  A barra de ferramentas aplica filtragem na apresentação do modo de exibição e não no nível de consulta. Assim, você deve contar isso como é a principal maneira de filtrar a exibição. Para isso, você deve usar a filtragem descrita anteriormente neste artigo.

3. Para remover a barra de ferramentas, clique em nenhum.

4. Salve as alterações na sua lista ou modo de exibição de dados.

Ao abrir o modo de exibição no navegador, você verá a barra de ferramentas na parte superior da página. Se você habilitar a barra de ferramentas do SharePoint e a barra de ferramentas de agrupamento, verá essas opções na parte superior do modo de exibição.

Início da página

Aplicar estilos de modo de exibição

Quando você cria um modo de exibição de lista ou de dados, por padrão os dados são geralmente exibidos em um layout de tabela básica. Você pode alterar o layout do modo de exibição de modo rápido e fácil aplicando um estilo de exibição diferente. Por exemplo, você pode alterar o layout de tabela básica do modo de exibição para um que apresente o modo de exibição com bordas, colunas ou listas com marcadores.

Antes de aplicar um estilo de exibição a um modo de exibição de lista ou de dados, é importante observar que todas as personalizações e conexões de Web Parts anteriores serão removidas.

Execute as etapas a seguir para aplicar um estilo de modo de exibição a um modo de exibição de lista ou de dados.

Com o modo de exibição aberto no SharePoint Designer 2010, clique na guia design e, em seguida, clique em um dos estilos de modo de exibição com base na descrição de Visualizar e focalizar texto.

1. Para ver mais estilos, clique em mais no canto inferior direito do grupo estilos de modo de exibição .

2. Uma mensagem de aviso exibe informações de que qualquer conexão personalizada de formatação e Web Part será removida se você alterar o estilo de exibição. Clique em Sim para continuar.

   Observação:  Se você escolher um estilo que exiba menos campos do que o modo de exibição original, esses campos serão removidos do modo de exibição.

3. Salve as alterações na sua lista ou modo de exibição de dados.

Início da página

Mais opções de personalização

Além das personalizações acima, você pode personalizar um modo de exibição de lista ou de dados das seguintes maneiras:

• Crie uma coluna de fórmula     que exiba o resultado de um cálculo de outras colunas na exibição. Isso é semelhante à maneira como você usa fórmulas em um programa de planilha. Você pode, por exemplo, multiplicar o preço unitário de um produto pelo número de unidades em estoque para exibir o valor total de itens em uma coluna separada.

• Exibir dados de várias fontes     em um único modo de exibição. Essa é uma maneira poderosa de combinar fontes de dados em um só lugar. Você pode, por exemplo, Mostrar categorias de produto de uma lista e informações de produto de outra lista no mesmo modo de exibição.

• Adicionar parâmetros     a uma lista ou a um modo de exibição de dados. Por exemplo, você pode querer passar um parâmetro de outro menu para o modo de exibição de dados e filtrar os dados por esse valor de parâmetro.

• Adicionar controles de servidor     ao modo de exibição de lista ou de dados. Você pode associar controles do SharePoint, controles ASP.NET e muito mais a uma fonte de dados e adicioná-los a um modo de exibição para criar interfaces de dados sofisticadas e interativas para seus usuários.

• Alterar a fonte e a formatação     da lista ou do modo de exibição de dados. Você pode alterar o tamanho da fonte, a cor da fonte, a família de fontes e mais dos títulos e dos campos das colunas. Você pode fazer isso manualmente usando as ferramentas WYSIWYG no SharePoint Designer 2010 ou aplicar estilos CSS a esses elementos na página.

• Personalizar o layout de tabela     da lista ou exibição de dados. Você pode adicionar e remover células da tabela, alterar a largura ou a altura de uma linha ou coluna, mostrar ou ocultar as bordas ou sombreamento e muito mais usando as opções de edição de tabela no SharePoint Designer 2010.

Início da página