Elementos HTML dinâmicos

Os elementos HTML dinâmicos permitem criar conteúdo HTML que pode ser exibido dinamicamente ou usado em qualquer parte do formulário enquanto o formulário está aberto durante o tempo de execução. Por exemplo, você pode atribuir uma imagem para aparecer dinamicamente após a seleção de uma opção suspensa e solicitar ao usuário que digite o item de imagem em um campo de texto.

Tutorial

Para passar um elemento HTML dinâmico:

1. Na atividade Criar formulário > painel Propriedades , abra a janela FormFieldsCollection .
2. Adicione um argumento In do tipo String e dê um nome sugestivo.
3. Abra o Form Designer e arraste um componente HTML Element para o seu formulário.
4. Na guia Exibir > campo Tag HTML , adicione p para um novo parágrafo HTML.
5. No campo Conteúdo , adicione o tipo de dado que deseja passar dinamicamente usando a expressão {{data.variable}}e substitua variable pelo nome do argumento criado na Etapa 2.

6. Marque a caixa de seleção Atualizar ao alterar .

   Nota: Para adicionar uma imagem em um campo de formulário Elemento HTML , a imagem deve ser convertida para o formato Base64.

   Para passar uma imagem como um elemento HTML dinâmico:

7. Converta a imagem em uma string Base64.
8. Salve a string Base64 como uma variável de fluxo de trabalho. Por exemplo, image.
9. Na atividade Criar formulário > painel Propriedades , abra a janela FormFieldsCollection .
10. Adicione um argumento In do tipo String e nomeie-o sampleImage.
11. Defina a string Base64 da Etapa 2 como Value.
12. Clique em OK para fechar a janela FormFieldsCollection .

13. Em Designer de formulário > guia Avançado > componente Elemento HTML > campo Conteúdo , insira a seguinte expressão:

    <img href={{data.sampleImage}} height=100 width=100/>

    Nota: Os componentes básicos Label/Header também podem ser usados para passar elementos dinamicamente. Isso permite definir rótulos e cabeçalhos dinâmicos para campos de formulário.