Elementos HTML dinámicos

Los elementos HTML dinámicos te permiten crear contenido HTML que puede mostrarse o utilizarse dinámicamente en cualquier parte del formulario mientras el formulario está abierto durante el tiempo de ejecución. Por ejemplo, puedes asignar una imagen para que aparezca dinámicamente después de haber seleccionado una opción desplegable y luego pedirle al usuario que escriba el elemento de la imagen en un campo de texto.

Tutorial

Para pasar un elemento HTML dinámico:

1. Desde la actividad Crear formulario > panel Propiedades , abre la ventana ColecciónDeCamposDeFormulario .
2. Añade un argumento In de tipo String y asígnale un nombre sugerente.
3. Abre el Diseñador de formularios y arrastra un componente Elemento HTML a tu formulario.
4. En la pestaña Visualización > campo Etiqueta HTML , añade p para un nuevo párrafo HTML.
5. En el campo Contenido , añade el tipo de datos que quieres pasar dinámicamente utilizando la expresión {{data.variable}}, y reemplaza variable con el nombre del argumento creado en el Paso 2.

6. Selecciona la casilla de verificación Actualizar al cambiar .

   Nota: para añadir una imagen en un campo de formulario de elemento HTML , la imagen se debe convertir al formato Base64.

   Para pasar una imagen como elemento HTML dinámico:

7. Convierte la imagen en una cadena Base64.
8. Guarda la cadena Base64 como variable de flujo de trabajo. Por ejemplo, image.
9. Desde la actividad Crear formulario > panel Propiedades , abre la ventana ColecciónDeCamposDeFormulario .
10. Añade un argumento de Entrada de tipo Cadena y nómbralo sampleImage.
11. Establece la cadena Base64 del paso 2 como Valor.
12. Haz clic en Aceptar para cerrar la ventana ColecciónDeCamposDeFormulario .

13. En Diseñador de formularios> pestaña Avanzado > Componente de elemento HTML > campo Contenido , introduzca la siguiente expresión:

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

    Nota: Los componentes básicos de etiqueta / encabezado también se pueden utilizar para pasar elementos dinámicamente. Esto te permite establecer etiquetas y encabezados dinámicos para los campos del formulario.