Criação de uma página de portal de formulários creating-a-forms-portal-page
Os componentes do portal do Forms equipam os desenvolvedores da Web com componentes para criar e personalizar um portal de formulários em sites criados usando o Adobe Experience Manager (AEM). Para obter uma visão geral rápida do portal de formulários, consulte Introdução à publicação de formulários em um portal.
Pré-requisitos prerequisites
Os componentes do portal do Forms não estão disponíveis para uso por padrão. Certifique-se de que as seguintes categorias de componentes do portal de formulários estejam ativadas conforme descrito em Ativar componentes do portal de formulários.
Serviços de documento Inclui componentes Pesquisar e listar, Link e Rascunhos e Envio .
Predicados dos serviços de documento Inclui componentes Predicado de data, Predicado de texto completo, Predicado de propriedades e Predicado de tags. Esses componentes são usados para configurar a pesquisa no componente Pesquisar e listar .
Quando estiverem ativados em uma página de sites de AEM, essas categorias de componentes estarão disponíveis para uso no navegador de componentes.
Figura: Categorias de componentes do portal do Forms
Componente Pesquisar e listar search-amp-lister-component
O componente Pesquisar e listar, disponível na categoria de componente Serviços de documento , é usado para listar formulários em uma página e implementar a pesquisa nos formulários listados. O componente inclui dois painéis:
- Painel de lista onde os formulários estão listados.
- Painel de pesquisa, onde você adiciona a funcionalidade de pesquisa.
Você pode arrastar e soltar o componente Pesquisar e listar da categoria de componente Serviços de documento no navegador de componentes na página. O componente, quando adicionado, é semelhante ao seguinte.
Figura: Componente de pesquisa e lister em uma página com layout de Grade
Painel Lista list-pane
O painel Lista é uma área onde seus formulários são listados. O componente Pesquisar e listar fornece várias opções de configuração que podem ser usadas para controlar a exibição de formulários no painel Lista.
Para configurar o painel Lista, toque no componente Pesquisa e Lister e toque em
Figura: Painel Lista no modo de edição
O Editar inclui várias guias que fornecem as opções de configuração descritas na tabela abaixo. Toque OK para salvar a configuração, quando concluído.
Configura o texto dos resultados (por exemplo, 1-12 de 601 Resultados). O valor padrão é Resultados.
Por exemplo, se você especificar Forms neste campo e há um total de 601 formulários, o texto do resultado muda para 1-12 de 601 Forms.
Configura o texto da página (por exemplo, Página 1 de 51). O valor padrão é Página.
Por exemplo, se você especificar Formulário de candidatura neste campo e há 51 páginas, o texto da página muda para Formulário de candidatura 1 de 51.
Substitui a palavra de com o texto especificado (Página 1 de 51). O valor padrão é de.
Por exemplo, se você especificar de neste campo, o texto muda para a Página 1 de 51.
Configura um servlet onde os dados do formulário são enviados.
Observação: O URL de envio para um formulário pode ser especificado em vários locais e sua ordem de precedência é a seguinte:
- O URL de envio incorporado no formulário (no botão Enviar) tem a prioridade mais alta.
- O URL de envio mencionado na interface do usuário do AEM Forms tem a segunda prioridade mais alta.
- O URL de envio mencionado no portal de formulários tem a prioridade mais baixa.
Painel de pesquisa search-pane
O painel Pesquisar permite adicionar os componentes Predicado de data, Predicado de texto completo, Predicado de propriedades e Predicado de tags da categoria Predicados de serviços de documento AEM Sidekick. Esses componentes implementam a funcionalidade de pesquisa para que os usuários realizem a pesquisa nos formulários listados.
Dica: É possível controlar a lista de formulários exibida no portal de formulários com base em critérios predefinidos e ocultar a funcionalidade de pesquisa para usuários finais. Para controlar a lista de formulários, use os componentes Predicar para aplicar filtros de pesquisa. Também é possível especificar os valores de filtro padrão e desativar a pesquisa na guia Exibir da caixa de diálogo Editar componente .
Figura: Painel de pesquisa com o Predicado de data, texto completo, propriedades e tags
Predicado da data date-predicate
O componente Predicado de data, quando adicionado, ativa a pesquisa nos formulários listados que foram modificados durante uma duração especificada.
Para configurar o componente Predicado de data:
-
Toque no componente e toque em
-
Especifique o seguinte:
- Tipo: A única opção disponível é Data da última modificação.
- Texto: Rótulo ou legenda do Componente do predicado de data. O valor padrão é Data da última modificação.
- Rótulo da data de início: Rótulo ou legenda do campo de data inicial.
- Rótulo da Data Final: Rótulo ou legenda do campo de data final.
- Ocultar: Para aplicar o filtro de data padrão aos formulários de lista.
-
Toque OK.
Predicado de texto completo full-text-predicate
O componente Predicado de texto completo implementa a pesquisa de texto completo nos dados do formulário, como nome e descrição. Os usuários podem pesquisar qualquer string de texto para retornar formulários que contenham o texto em seu nome ou descrição.
Para configurar o componente Predicado de texto completo:
- Toque no componente e toque em
- Especifique o título na Título principal campo.
- Toque Ok.
Predicado de propriedades properties-predicate
O componente Predicado de propriedades implementa a pesquisa de formulários com base nas propriedades do formulário, como título, autor e descrição.
Para configurar o componente Predicado de propriedades:
-
Toque no componente e toque em
-
No Geral , especifique o rótulo da pesquisa. O valor padrão é Propriedades.
-
No Opções guia , toque em Adicionar item.
-
Selecione uma propriedade na lista suspensa e especifique um rótulo de pesquisa para ela no campo abaixo da lista suspensa.
-
Repita a etapa 4 para adicionar mais propriedades. Também é possível especificar um valor de filtro padrão para listar formulários com base nos critérios especificados e ocultar a propriedade para pesquisa por usuários finais. Marque a caixa de seleção Ocultar para uma propriedade e especifique o valor de filtro padrão.
Por exemplo, se você deseja exibir formulários que contêm "Viagem" em seus títulos, selecione Ocultar ao lado da propriedade Título . Além disso, especifique Viagem na caixa de texto valor de filtro padrão.
-
Toque OK.
Predicado de tags tags-predicate
O componente Predicado de tags implementa a pesquisa de formulários com base nas tags definidas no Forms Manager.
Para configurar o componente Predicado de tags :
- Toque no componente e toque em
- Toque no botão de seta para baixo ao lado do campo Tags .
- Selecione as tags apropriadas.
- Toque OK.
As tags selecionadas aparecem no painel Pesquisa junto com as caixas de seleção. Os usuários agora podem restringir sua pesquisa com base nas tags.
Listar formulários em uma página list-forms-on-a-page-br
Para listar formulários em uma página, adicione o Pesquisar & Lister Componente para a página e configure o Painel de Lista. Para permitir que os usuários finais pesquisem formulários com data, texto e tags, adicione um Painel de pesquisa componente.
Para vincular um formulário de qualquer lugar na página, use o componente Link . Para obter mais informações sobre componentes de links, consulte Como incorporar o componente de link em uma página.
Para listar os formulários que estão em um estado de rascunho e os formulários que já foram enviados, use o Rascunhos e envios componente. Para obter mais informações, consulte Personalização do componente Rascunhos e envios.
Compatibilidade do dispositivo móvel mobile-device-friendliness
O componente Pesquisa e Lister do Forms Portal é compatível com dispositivos móveis e se adapta de acordo. Todas as três exibições padrão: Os retornos em grade, placa e painel de acordo com o dispositivo no qual o site é aberto, são fornecidos com o fato de que a página da Web também se adapta. O fato simples é que o Search & Lister é apenas um componente e não governa o estilo no nível da página.
A imagem a seguir descreve o componente Pesquisar e lister quando aberto em um dispositivo móvel:
Figura: Componente Pesquisar e listar
Personalização de uma página de portal de formulários customizing-a-forms-portal-page-br
Você pode personalizar uma página do portal de formulários para fornecer uma aparência distinta à página. Você também pode adicionar metadados para melhorar a experiência de pesquisa, alterar o layout da página e adicionar estilos CSS personalizados. Para obter mais informações, consulte Personalizar modelos para componentes do Forms Portal.
A interface do usuário do AEM Forms permite adicionar metadados personalizados a formulários. Os metadados personalizados são úteis no fornecimento de uma experiência de listagem e pesquisa de formulários para os usuários finais. Para obter mais informações sobre metadados personalizados, consulte Personalizar modelos para componentes do Forms Portal.
Pronto para uso, o portal de formulários fornece ações de renderização. Você pode personalizar o portal de formulários para adicionar mais ações. Para obter informações detalhadas, consulte Adicionar ação personalizada aos itens da lista de formulários.
Artigos relacionados
- Ativar componentes do portal de formulários
- Criar página do portal de formulários
- Listar formulários em uma página da Web usando APIs
- Usar componente Rascunhos e Envios
- Personalizar o armazenamento de rascunhos e formulários enviados
- Amostra para integrar o componente de rascunhos e envios ao banco de dados
- Personalização de modelos para componentes do portal de formulários
- Introdução à publicação de formulários em um portal