Dynamische HTML-Elemente

Mit dynamischen HTML-Elementen können Sie HTML-Inhalt erstellen, der dynamisch angezeigt oder in einem beliebigen Teil des Formulars verwendet werden kann, während das Formular während der Laufzeit geöffnet ist. Sie können beispielsweise ein Bild zuweisen, das dynamisch angezeigt wird, nachdem eine Dropdown-Option ausgewählt wurde, und den Benutzer dann auffordern, das Bildelement in ein Textfeld einzugeben.

Tutorial

So übergeben Sie ein dynamisches HTML-Element:

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.
   Hinweis:

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

So übergeben Sie ein Bild als dynamisches HTML-Element:

1. Konvertieren Sie das Bild in einen Base64-String.
2. Speichern Sie die Base64-Zeichenfolge als Workflowvariable. Beispiel: 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/>
   

   Hinweis:

   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.