Éléments HTML dynamiques

Les éléments HTML dynamiques vous permettent de créer du contenu HTML qui peut être affiché ou utilisé dynamiquement dans n'importe quelle partie du formulaire lorsque le formulaire est ouvert pendant l'exécution. Par exemple, vous pouvez affecter une image pour qu'elle apparaisse dynamiquement après qu'une option déroulante a été sélectionnée, puis inviter l'utilisateur à saisir l'élément d'image dans un champ de texte.

Tutoriel

Pour transmettre un élément HTML dynamique :

1. From the Create Form activity > Properties panel, open the FormFieldsCollection window.
2. Add an In argument of type String and name it suggestively.
3. Open the Form Designer and drag an HTML Element component to your form.
4. In the Display tab > HTML Tag field, add p for a new HTML paragraph.
5. In the Content field, add the type of data that you want to pass dynamically by using the expression {{data.variable}}, and replace variable with the name of the argument created at Step 2.
6. Select the Refresh on Change checkbox.
   Remarque :

   To add an image in an HTML Element form field, the image has to be converted to Base64 format.

Pour transmettre une image en tant qu'élément HTML dynamique :

1. Convertissez l'image en chaîne Base64.
2. Enregistrez la chaîne Base64 en tant que variable de workflow. Par exemple, image .
3. From the Create Form activity > Properties panel, open the FormFieldsCollection window.
4. Add an In argument of type String and name it sampleImage.
5. Set the Base64 string from Step 2 as Value.
6. Click OK to close the FormFieldsCollection window.
7. In the Form Designer > Advanced tab > HTML Element component > Content field , enter the following expression:

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

   Remarque :

   The Label/Header basic components can also be used to pass elements dynamically. This enables you to set dynamic labels and headers for form fields.