Criar um formulário de lista personalizado usando o SharePoint Designer

Importante :  Este artigo foi traduzido por um sistema de tradução automática, leia o aviso de isenção de responsabilidade. Para sua referência, veja a versão em inglês deste artigo aqui.

Bibliotecas e listas do SharePoint contêm formulários de lista que permitem aos usuários exibir, editar e adicionar itens a uma lista ou biblioteca. Com Microsoft SharePoint Designer 2010, você pode criar e personalizar esses formulários para tornar mais fácil para os usuários adicionar e atualizar itens em uma lista. Se o formulário de lista for parte de uma solução criados por você, você desejará personalizar o formulário para que ele se destina a solução e coleta os dados relevantes para oferecer suporte à sua solução.

Em um formulário de lista personalizada, você pode mostrar ou ocultar determinados campos, reorganizar os campos, alterar o layout do formulário, adicionar texto formatado e elementos gráficos e por fim, altere o XSL, HTML ou ASP usadas pelo formulário. Você somente pode executar essas tarefas, criando um formulário de lista personalizada no SharePoint Designer 2010.

Este artigo descreve os formulários padrão associados a uma lista e como você pode criar os seus próprios formulários personalizados para a lista ou biblioteca.

Observação : Se você estiver usando o SharePoint Online e as informações neste artigo não corresponderem ao que você está vendo, talvez você esteja utilizando Office 365 pós-atualização do serviço. Alguns recursos no SharePoint Designer não são suportados na próxima versão do SharePoint Online. Veja o que mudou no SharePoint Designer 2013.

Neste artigo

Examine os formulários de lista padrão

Criar novos formulários de lista

Próximas etapas

Examinar os formulários de lista padrão

Formulários de lista estão localizados na mesma pasta da sua lista do SharePoint associada. Usando SharePoint Designer 2010, você pode rapidamente e facilmente revisar os formulários de lista padrão associados à lista.

A maneira mais fácil de exibir os formulários padrão associados a uma lista é abrir a página de resumo da lista.

  1. Com seu site aberto no SharePoint Designer 2010, clique em listas e bibliotecas no painel de navegação.

  2. Clique na lista desejada da galeria, por exemplo, Comunicados.

  3. Na página de resumo, em Formulários, você vê os formulários associados à lista.

    Todos os Arquivos no SharePoint Designer

Outra maneira de exibir os formulários padrão associados a uma lista é abrir a hierarquia do site usando a guia Todos os Arquivos no painel Navegação.

  1. Com seu site aberto no SharePoint Designer 2010, clique em Todos os arquivos no painel de navegação.

    Observação : Se Todos os arquivos não estiver visível, contate o administrador do site sobre como habilitar a estrutura do site no SharePoint Designer 2010.

  2. Para listas do SharePoint, clique na pasta Listas e clique na lista desejada, por exemplo, Comunicados.

    A partir daqui, você vê os formulários associados à lista e também qualquer modo de exibição associado à lista, como AllItems.aspx. (Encontre links para mais informações sobre modos de exibição na seção Consulte também.)

    Observação : Além de exibir e abrir formulários daqui, você pode usar a hierarquia do site que aparece abaixo do painel Navegação para explorar a lista. Basta clicar no sinal de adição (+) para expandir a pasta Listas e o sinal de adição (+) para expandir a lista desejada.

    Todos os Arquivos no SharePoint Designer

  3. Para bibliotecas do SharePoint, abra as pastas Documentos Compartilhados e Formulários para localizar os formulários associados.

Início da página

Os formulários de lista DispForm.aspx, EditForm.aspx e NewForm.aspx

Por padrão, há três formulários associados a uma lista: DispForm.aspx, EditForm.aspx e NewForm.aspx. As três ilustrações a seguir mostram os formulários de lista padrão para uma lista Comunicados.

  • A página DispForm.aspx fornece o formulário Exibir Item que aparece quando você exibe um item único de uma lista.

    Todos os Arquivos no SharePoint Designer

  • A página EditForm.aspx exibe o formulário Editar Item que aparece quando um item de uma lista é editado.

    Todos os Arquivos no SharePoint Designer

  • A página NewForm.aspx exibe o formulário Novo Item que aparece quando um novo item é adicionado a uma lista.

    Todos os Arquivos no SharePoint Designer

Observação : As bibliotecas do SharePoint usam um formulário diferente, Upload.aspx, em vez de NewForm.aspx para adicionar novos itens à biblioteca.

Início da página

Criar novos formulários de lista

Os formulários de lista padrão (o formulário de Item de exibição, o formulário de Editar Item e o formulário Novo Item) são armazenados em uma Web Part chamada na lista formulário da Web Part (LFWP). O LFWP usa CAML (colaborativos Application Markup Language) para renderizar o formulário e isso não pode ser personalizado em SharePoint Designer 2010.

Para personalizar o formulário, você deve inserir uma parte de Web de formulário de dados (DFWP). Ele usa XSLT que pode ser personalizado no SharePoint Designer 2010. Soma, você está substituindo o formulário padrão por um DFWP e há duas maneiras de fazer isso.

Criar um novo formulário de lista e associá-lo a uma lista

A maneira mais fácil e rápida de criar um formulário de lista personalizado é criar um novo formulário e torná-lo o formulário padrão da lista.

  1. Com seu site aberto no SharePoint Designer 2010, clique em listas e bibliotecas no painel de navegação.

  2. Clique na lista desejada da galeria, por exemplo, Comunicados.

  3. Na página de resumo, em Formulários, clique em Novo.

    Todos os Arquivos no SharePoint Designer

    Observação : Como alternativa, você pode clicar em Formulário de Lista na Faixa de Opções na guia Definições de Lista.

  4. Na caixa de diálogo Criar Novo Formulário de Lista, especifique um nome de arquivo para o novo formulário. (Não use nomes que entrarão em conflito com os formulários padrão: DispForm.aspx, EditForm.aspx e NewForm.aspx.)

    Todos os Arquivos no SharePoint Designer

  5. Para o tipo de formulário, especifique o formulário Novo item, Editar item ou Exibir item.

  6. Para fazer com que esse seja o formulário padrão associado à sua lista, clique em Definir como formulário padrão do tipo selecionado. Quando fizer isso, seu formulário personalizado será usado para essa lista em vez do formulário padrão original.

  7. Para opções avançadas, escolha o tipo de conteúdo que será usado para o formulário, normalmente aquele que corresponde à sua lista.

    Observação : Cada lista ou biblioteca pode ser configurada para permitir vários tipos de conteúdo, que depois aparecem neste menu. É possível usar um conjunto distinto de formulários de lista personalizados para cada tipo de conteúdo disponível para uma lista ou biblioteca. Por exemplo, se sua lista tiver um tipo de conteúdo de Comunicados à Imprensa e outro de Notícias do Mercado, você poderá criar e usar dois conjuntos diferentes de formulários de lista personalizados, um para cada tipo de conteúdo. A vantagem de usar um conjunto diferente de formulários de lista personalizados para cada tipo de conteúdo é que cada formulário de lista personalizado é designado para exibir somente os campos apropriados ao tipo de conteúdo. Encontre mais informações sobre tipos de conteúdo na seção Consulte também.

  8. Para adicionar um link personalizado ao seu formulário, selecione a opção Criar link no Menu e na Faixa de Opções de Item de Lista e especifique um link e nome de comando.

    Encontre links para obter mais informações sobre ações personalizadas associadas a uma lista na seção Consulte também.

  9. Clique em OK para criar o novo formulário e retornar à página de resumo da sua lista.

    O novo formulário aparece com os outros formulários associados à lista.

Início da página

Editar um formulário de lista existente

Outra maneira de criar um formulário de lista personalizado é editar diretamente um dos formulários padrão associados à lista. Quando fizer isso, insira um novo formulário (a Web Part de Formulário de Dados) na página que substitui o formulário padrão na página.

Observação : Na verdade, você poderia, execute estas etapas em qualquer página ASPX no SharePoint Designer 2010. A vantagem de edição de um formulário existente é que já está associado à lista.

  1. Com seu site aberto no SharePoint Designer 2010, clique em listas e bibliotecas no painel de navegação.

  2. Clique na lista desejada da galeria, por exemplo, Comunicados.

  3. Na página de resumo, em Formulários, clique no formulário desejado, por exemplo, NewForm.aspx para abri-lo para edição.

    Todos os Arquivos no SharePoint Designer

  4. Com NewForm. aspx aberto no editor de página, coloque o cursor imediatamente abaixo o formulário padrão e pressione Enter algumas vezes para criar um espaços extras abaixo do formulário.

    Todos os Arquivos no SharePoint Designer

    Outra maneira de rapidamente, coloque o cursor neste local é clique no formulário da lista padrão e pressione a tecla de seta para a direita e Esc ao mesmo tempo.

  5. Na Faixa de Opções, clique na guia Inserir e, no grupo Exibições de Dados e Formulários, clique no formulário desejado, por exemplo, Formulário Novo Item.

  6. Escolha a lista ou biblioteca que deseja associar ao formulário, por exemplo, Comunicados.

    O formulário Novo item aparece na página, diretamente abaixo do formulário padrão.

    A próxima etapa é ocultar o formulário de lista padrão de forma que somente o novo formulário apareça na página. Isso também garante que a conexão da página à lista do SharePoint está intacta, e o link para essa página funciona corretamente no site.

  7. Clique no formulário de lista padrão para selecioná-lo.

  8. Clique na guia Formato na Faixa de Opções e, no grupo Web Part, escolha Propriedades.

    Como alternativa, você pode clicar com o botão direito do mouse na web part padrão e escolher Propriedades da Web Part.

  9. Na caixa de diálogo Web Part, clique no sinal de adição ao lado de Layout, marque a opção Oculta e clique em OK.

    Não exclua a web part padrão na página; você somente deve ocultá-la. A exclusão da web part padrão irá interromper a conexão da página com a lista. Encontre links para mais informações sobre como ocultar Web Parts na seção Consulte também.

    Exibem ambas as formas na página ASPX na SharePoint Designer 2010. Entretanto, quando você visualiza o formulário, você verá apenas o novo formulário.

Usar o Office InfoPath 2010 para substituir formulários padrão

Como uma alternativa para usar o editor de formulário de lista no SharePoint Designer 2010, você pode usar usar Microsoft InfoPath 2010 para criar, editar e criar formulários. InfoPath 2010 é uma ferramenta poderosa usada para criar formulários altamente personalizados que podem ser usados para listas, bibliotecas e fluxos de trabalho do SharePoint.

Encontre links para mais informações sobre formulários do Office InfoPath 2010 na seção Consulte também.

Início da página

Próximas etapas

Depois de criar um formulário personalizado para uma lista ou biblioteca, a próxima etapa é começar a personalizar o formulário para atender às suas necessidades. Você pode adicionar ou remover colunas, alterar o layout dos campos, aplique diferentes fontes ou estilos, adicionar imagens personalizadas e assim por diante. Você pode usar a faixa de opções no SharePoint Designer 2010 para executar essa personalização. Se houver uma alteração que você não pode fazer usando a faixa de opções, você pode editar o formulário XSL diretamente no modo de exibição de código. Encontre links para obter mais informações sobre como personalizar formulários de lista na seção Consulte também.

Para excluir um formulário, realce-o na página de resumo e, em seguida, na Faixa de Opções, escolha Excluir. Isso exclui o formulário do servidor e ele não poderá mais ser acessado por usuários.

Observação : Aviso de Isenção de Tradução Automática: Este artigo foi traduzido por computador, sem intervenção humana. A Microsoft oferece essas traduções automáticas para ajudar as pessoas que não falam inglês a aproveitar os textos escritos sobre produtos, serviços e tecnologias da Microsoft. Como este artigo foi traduzido automaticamente, é possível que contenha erros de vocabulário, sintaxe ou gramática.

Expanda suas habilidades
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.

×