Tutorial: Criar modelos tutorial-create-templates

07-aplicar-regras-ao-formulário-adaptável_pequeno

Este tutorial é uma etapa da Criar a primeira comunicação interativa série. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso completo do tutorial.

Para criar uma comunicação interativa, você deve ter modelos disponíveis no servidor AEM para impressão e canais da Web.

Os modelos para o canal de impressão são criados no Adobe Forms Designer e carregados no servidor AEM. Esses modelos ficam disponíveis para uso ao criar uma Comunicação interativa.

Os templates para o canal da Web são criados no AEM. Os autores e administradores de modelos podem criar, editar e ativar modelos da Web. Depois de criados e ativados, esses modelos ficam disponíveis para uso ao criar uma Comunicação interativa.

Este tutorial o guiará pelas etapas para criar modelos para canais de Impressão e da Web, de modo que fiquem disponíveis para uso durante a criação de Comunicações interativas. Ao final deste tutorial, você será capaz de:

  • Criar modelos XDP para canal de impressão usando o Adobe Forms Designer
  • Fazer upload dos modelos XDP para o servidor do AEM Forms
  • Criar e habilitar modelos para o canal da Web

Criar modelo para canal de impressão create-template-for-print-channel

Crie e gerencie um modelo para o canal de impressão de comunicação interativa usando as seguintes tarefas:

Criar um modelo XDP usando o Forms Designer create-xdp-template-using-forms-designer

Com base no caso de uso e anatomia, crie os seguintes subformulários no modelo XDP:

  • Detalhes da Lista: Inclui um Fragmento de Documento
  • Detalhes do cliente: inclui um fragmento de documento
  • Sumário da Lista: Inclui um Fragmento de Documento
  • Sumário: Inclui um Fragmento de Documento (subformulário Encargos) e um gráfico (subformulário Gráficos)
  • Chamadas discriminadas: inclui uma tabela (fragmento de layout)
  • Pagar agora: inclui uma imagem
  • Serviços de valor agregado: inclui uma imagem

create_print_template

Esses subformulários são exibidos como áreas de destino no modelo de Impressão depois de fazer upload do arquivo XDP para o servidor do Forms. Todas as entidades, como fragmentos de documento, gráficos, fragmentos de layout e imagens, são adicionadas às áreas de destino ao criar a Comunicação interativa.

Para criar um modelo XDP para o canal de impressão, faça o seguinte:

  1. Abra o Forms Designer e selecione Arquivo > Novo > Use um formulário em branco, selecionar Próxima e selecione Concluir para abrir o formulário para criação de modelo.

    Certifique-se de que o Biblioteca de objetos e Objeto opções são selecionadas no Janela menu.

  2. Arraste e solte a variável Subformulário componente do Biblioteca de objetos ao formulário.

  3. Selecione o subformulário para que você possa ver as opções do subformulário no Objeto no painel direito.

  4. Selecione o Subformulário e selecione Fluxado do Conteúdo lista suspensa. Para ajustar o comprimento, arraste a extremidade esquerda do subformulário.

  5. No Associações guia:

    1. Especificar Detalhes da Fatura no Nome campo.

    2. Selecionar Sem associação de dados do Vinculação de dados lista suspensa.

    Subformulário do designer

  6. Da mesma forma, selecione o subformulário raiz, selecione o Subformulário e selecione Fluxado do Conteúdo lista suspensa. No Associações guia:

    1. Especificar TelecaBill no Nome campo.

    2. Selecionar Sem associação de dados do Vinculação de dados lista suspensa.

    Subformulário para modelo de impressão

  7. Repita as etapas 2 - 5 para criar os seguintes subformulários:

    • Detalhes da Fatura

    • DetalhesDoCliente

    • Resumo da fatura

    • Resumo - Selecione o Subformulário e selecione Posicionado do Conteúdo lista suspensa para este subformulário. Insira os seguintes subformulários na Resumo subformulário.

      • Encargos
      • Gráficos
    • ChamadasDiscriminadas

    • PayNow

    • ValueAddedServices

    Para economizar tempo, também é possível copiar e colar subformulários existentes para criar subformulários adicionais.

    Para deslocar o Gráficos à direita do subformulário Encargos, selecione o Gráficos subformulário no painel esquerdo, selecione a Layout e especifique um valor para a variável ÂncoraX campo. O valor deve ser maior do que o valor de Largura campo para o Encargos subformulário. Selecione o Encargos subformulário e selecione o Layout para que você possa visualizar o valor do Largura campo.

  8. Arraste e solte a variável Texto objeto do Biblioteca de objetos ao formulário e insira o Disque XXXX para assinar texto na caixa.

  9. Clique com o botão direito do mouse no objeto de texto no painel esquerdo e selecione Renomear objeto e insira o nome do objeto de texto como Assinar.

    Modelo XDP

  10. Selecionar Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:

    1. Navegue até o local em que você pode salvar o arquivo e especifique o nome como create_first_ic_print_template.

    2. Selecionar .xdp do Salvar como tipo lista suspensa.

    3. Selecione Salvar.

Fazer upload de um modelo XDP para o servidor do AEM Forms upload-xdp-template-to-the-aem-forms-server

Depois de criar um modelo XDP usando o Forms Designer, você deve carregá-lo no AEM Forms Server para que o modelo fique disponível para uso ao criar a Comunicação interativa.

  1. Selecionar Forms > Forms e documentos.

  2. Selecionar Criar > Upload de arquivo.

    Navegue e selecione o create_first_ic_print_template modelo (XDP) e selecione Abertura para importar o modelo XDP para o AEM Forms Server.

Criar um modelo XDP para fragmentos de layout create-xdp-template-for-layout-fragments

Para criar um fragmento de layout para o canal de impressão da comunicação interativa, crie um XDP usando o Forms Designer e faça upload dele para o servidor do AEM Forms.

  1. Abra o Forms Designer e selecione Arquivo > Novo > Use um formulário em branco, selecionar Próxima e selecione Concluir para abrir o formulário para criação de modelo.

    Certifique-se de que o Biblioteca de objetos e Objeto opções são selecionadas no Janela menu.

  2. Arraste e solte a variável Tabela componente do Biblioteca de objetos ao formulário.

  3. Na caixa de diálogo Inserir tabela:

    1. Especifique o número de colunas como 5.
    2. Especifique o número de linhas do corpo como 1.
    3. Selecione o Incluir linha de cabeçalho na tabela caixa de seleção
    4. Guia OK.
  4. Selecionar + no painel esquerdo ao lado de Tabela 1 e clique com o botão direito do mouse em Célula1 e selecione Renomear objeto para Data.

    Da mesma forma, renomeie Célula2, Célula3, Célula4, e Célula5 para Hora, Número, Duração, e Encargos respectivamente.

  5. Clique nos campos de texto do Cabeçalho na Visualização do Designer e renomeie-os como Hora, Número, Duração, e Encargos.

    Fragmento de layout

  6. Selecionar Linha 1 no painel esquerdo e selecione Objeto > Vinculação > Repetir Linha para Cada Item de Dados.

    Repetir propriedades do fragmento de layout

  7. Arraste e solte a variável Campo de texto componente do Biblioteca de objetos para o Visualização do Designer.

    Campo de texto do fragmento de layout

    Da mesma forma, arraste e solte a variável Campo de texto componente para a Hora, Número, Duração, e Encargos linhas.

  8. Selecionar Arquivo > Salvar como para salvar o arquivo no sistema de arquivos local:

    1. Navegue até o local em que você pode salvar o arquivo e especifique o nome como table_lf.

    2. Selecionar .xdp do Salvar como tipo lista suspensa.

    3. Selecione Salvar.

    Depois de criar um modelo XDP para fragmento de layout usando o Forms Designer, você deve upload AEM Forms para que o modelo fique disponível para uso ao criar fragmentos de layout.

Criar um modelo para o canal da Web create-template-for-web-channel

Crie e gerencie um modelo para o canal da Web de Comunicação Interativa usando as seguintes tarefas:

Criar uma pasta para modelos create-folder-for-templates

Para criar um modelo de canal da Web, defina uma pasta onde você possa salvar os modelos criados. Depois de criar um modelo dentro dessa pasta, ative o modelo para permitir que os usuários de formulários criem um canal da Web de uma Comunicação interativa com base no modelo.

Para criar uma pasta para os modelos editáveis, faça o seguinte:

  1. Selecionar Ferramentas ícone de martelo > Navegador de configuração.

  2. Na página Navegador de configuração, selecione Criar.

  3. No Criar configuração caixa de diálogo, especificar Create_First_IC_templates como o título da pasta, marque Modelos editáveis e selecione Criar.

    Configurar modelos da Web

    A variável Create_First_IC_templates a pasta é criada e listada no Navegador de configuração página.

Criar o modelo create-the-template

Com base no caso de uso e anatomia, crie os seguintes painéis no modelo da Web:

  • Detalhes da Lista: Inclui um Fragmento de Documento
  • Detalhes do cliente: inclui um fragmento de documento
  • Sumário da Lista: Inclui um Fragmento de Documento
  • Resumo de Encargos: inclui um Fragmento de Documento e um gráfico (layout de duas colunas)
  • Chamadas Discriminadas: Inclui uma tabela
  • Pagar agora: inclui um Pagar agora botão e uma imagem
  • Serviços de valor agregado: inclui uma imagem e um Assinar botão.

create_web_template

Todas as entidades, como fragmentos de documento, gráficos, tabelas, imagens e botões, são adicionadas ao criar a Comunicação interativa.

Para criar um modelo para o canal da Web na Create_First_IC_templates execute as seguintes etapas:

  1. Navegue até a pasta de modelo apropriada selecionando o Ferramentas > Modelos > Create_First_IC_templates pasta.

  2. Selecione Criar.

  3. No Escolher um tipo de modelo assistente de configuração, selecione Comunicação interativa - Canal da Web e selecione Próxima.

  4. No Detalhes do modelo assistente de configuração, especifique Create_First_IC_Web_Template como o título do modelo. Especifique uma descrição opcional e selecione Criar.

    Uma mensagem de confirmação de que o Create_First_IC_Web_Template é exibido.

  5. Selecionar Abertura para abrir o modelo no editor de modelos.

  6. Selecionar Conteúdo inicial na lista suspensa ao lado da guia Visualizar opção.

    Editor de modelo

  7. Selecionar Painel raiz e selecione + para exibir a lista de componentes que podem ser adicionados ao modelo.

  8. Para adicionar um painel acima do Painel raiz, selecione Painel da lista.

  9. Selecione o Conteúdo no painel esquerdo. O novo painel adicionado na etapa 8 é exibido sob o Painel raiz na árvore de conteúdo.

    Árvore de conteúdo

  10. Selecione o painel e selecione configure_icon (Configurar).

  11. No painel Propriedades:

    1. Especificar detalhes da cobrança no campo Nome.

    2. Especificar Detalhes da Lista no campo Título.

    3. Selecionar 1 do Número de colunas lista suspensa.

    4. Para salvar as propriedades, selecione Salvar .

    O nome do painel é atualizado para Detalhes da Lista na árvore de conteúdo.

  12. Repita as etapas 7 - 11 para adicionar painéis com as seguintes propriedades ao modelo:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 5-row-3 6-row-3
    Nome Título Número de colunas
    customerdetails Detalhes do cliente 1
    resumo de faturamento Sumário da Lista 1
    encargos resumidos Resumo de Encargos 2
    itemisedcalls Chamadas discriminadas 1
    paynow Pagar agora 2
    vas Serviços de valor agregado 1

    A imagem a seguir representa a árvore de conteúdo após adicionar todos os painéis ao modelo:

    Árvore de conteúdo para todos os painéis

Ativar o modelo enable-the-template

Depois de criar o modelo da Web, você deve habilitá-lo para usar o modelo ao criar a Comunicação interativa.

Para habilitar o modelo da Web, faça o seguinte:

  1. Selecionar Ferramentas ícone de martelo > Modelos.

  2. Navegue até a Create_First_IC_Web_Template modelo, selecione-o e selecione Ativar.

  3. Selecionar Ativar novamente para confirmar.

    O modelo é ativado e seu status é exibido como Enabled. Você pode usar esse template ao criar a Comunicação interativa para o canal da Web.

Ativação de botões nas Comunicações interativas enabling-buttons-in-interactive-communications

Com base no caso de uso, você deve incluir o Pagar agora e Assinar botões (componentes de formulários adaptáveis) na Comunicação interativa. Para habilitar o uso desses botões na Comunicação interativa, faça o seguinte:

  1. Selecionar Estrutura na lista suspensa ao lado da guia Visualizar opção.

  2. Selecione o Contêiner de documentos painel raiz usando a árvore de conteúdo e selecione Política para selecionar os componentes permitidos para uso na Comunicação interativa.

    Configurar política

  3. No Componentes permitidos guia do Propriedades , selecione Botão do Formulário adaptável componentes.

    Componentes permitidos

  4. Para salvar as propriedades, selecione save .

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2