Diseñador de formularios

El Diseñador de formularios de UiPath es una implementación personalizada del motor form.io que proporciona una experiencia de generador de formularios de arrastrar y soltar en UiPath Studio.

En calidad de RPA Developer puedes utilizar el Diseñador de formularios para diseñar las interfaces de formulario necesarias para las automatizaciones tanto Attended como Unattended. Eres tú quien establece la definición, el comportamiento y la validación de cada campo del formulario.

Para interactuar con el Diseñador de formularios, haz clic en Abrir diseñador de formularios dentro de la actividad Crear tarea de formulario .

Componentes de formulario

Un componente de formulario le ofrece la posibilidad de recopilar datos de usuario.

Los componentes de IU están agrupados en categorías, según su funcionalidad, de la siguiente manera:

Categoría del componente del formulario	Descripción	Componente del formulario
Básica	Contiene los campos del formulario más utilizados.	Campo de texto Área de texto Número Contraseña Casilla de verificación Seleccionar casillas Lista desplegable Radio Botón
Avanzado	Contiene datos personales o relacionados con el tiempo.	Elemento HTML Contenido Correo electrónico Número de teléfono Fecha / Hora Día Hora Moneda Estudio
Diseño	Contiene elementos que alteran el diseño del formulario.	Columnas Panel Tabla Pestañas
Datos	Contiene rejillas y contenedores especializados en la recolección de datos.	Contenedor Cuadrícula de datos Editar cuadrícula

Para crear un formulario personalizado, arrastra los componentes del IU deseados, suéltalos en el panel lateral derecho y organizarlos en función de la lógica de tu caso de uso.

Acerca de la página de componentes del formulario para obtener más información sobre cada componente del formulario y cómo configurarlos.

Pestañas de componentes

Una vez que seleccionas un componente del formulario, se abre un asistente que muestra varias pestañas de configuración para permitir una mayor personalización para las diferentes funcionalidades. Compruebe el progreso en el panel de vista previa del asistente.

Cuando estés satisfecho con el diseño de un componente, haz clic en Guardar.

La tabla a continuación describe los ajustes disponibles para las pestañas habituales del asistente.

Pestaña del asistente	Descripción	Menciones Especiales
Visualización	Configure la forma en que se muestra el componente del formulario.	El nombre que hayas establecido en el campo obligatorio Etiqueta se pasa como NombreDePropiedad en la pestaña de Clave del campo.
Datos	Configure un valor predeterminado que los usuarios finales verán en el campo de texto.	Aquí se pueden definir los componentes que pueden contener varios elementos (p. Ej., Casillas de selección, pestañas).
Validación	Configure los requisitos de validación para habilitar otros componentes de la interfaz de usuario.
Clave del campo	Configure el nombre del componente que desea usar más adelante en el flujo de trabajo.	De forma predeterminada, este valor es pasado desde el campo Etiqueta de la pestaña Mostrar.
Condicional	Configure condiciones simples para el componente.
Lógica	Configure la lógica que desencadena las condiciones.

Consulta la página de controles del Diseñador de formularios para obtener más información sobre cada pestaña del asistente.

Importante: el uso de la lógica de JavaScript personalizada puede provocar ataques de seguridad, así que asegúrate de comprender el riesgo implicado antes de implementar tu código JavaScript.

Algunos componentes de formulario tienen pestañas específicas, por ejemplo:

Componente	Pestaña del asistente	Descripción
Fecha / Hora	Fecha	Configure las fechas mínimas y máximas disponibles para la selección.
	Hora	Configure el paso incremental para horas y minutos.
Día	Día	Configure la forma en que el usuario comercial selecciona el día (incremental o desde una lista desplegable).
	Mes	Configure la forma en que el usuario comercial selecciona el mes (incremental o desde una lista desplegable).
	Año	Configure la forma en que el usuario comercial selecciona el año (incremental o de una lista desplegable), y también el año mínimo y máximo disponible para la selección.
Editar cuadrícula	Plantillas	Personalizar el pie de página de Editar cuadrícula.

Gestionar componentes de formulario

Para volver a abrir el asistente de configuración, mantén el puntero sobre el componente del formulario y haz clic en Editar.

Para reorganizar los componentes del formulario, haz clic en Mover y arrastra el componente del formulario a otra ubicación dentro de tu formulario.

Para editar el componente del formulario usando su configuración de JSON, haga clic en Editar JSON. Esto abre el componente JSON, mostrando todas las configuraciones disponibles.

Para copiar un componente dentro del formulario, haga clic en Copiar y luego en Pegue a continuación en el mismo componente o en otro.

Para eliminar un componente de tu formulario, haz clic en Eliminar.

Gestionar formularios

La cinta del Diseñador de formularios dispone de las siguientes opciones:

• Guardar: guarda el formulario que ha diseñado.
• Guardar como plantilla: te permite exportar el formulario que has diseñado como una plantilla que se puede reutilizar en futuros procesos de automatización.
• Insertar plantilla: te permite buscar plantillas de formulario existentes y añadirlas al proyecto actual.
• Borrar formulario: elimina todos los componentes del formulario actual.
• Vista previa: entra en un modo de vista previa que muestra el aspecto del formulario en tiempo de ejecución. Esta sección también te permite cambiar el tamaño de visualización del formulario o seleccionar un tema prefabricado.