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, Casillas de selección, 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, Encuesta
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 los 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 Acerca de los controles del Diseñador de formularios para obtener más información sobre cada pestaña del asistente.

Importante:

El uso de lógica personalizada de JavaScript puede dar lugar a ataques de seguridad, así que asegúrate de comprender los riesgos que esto implica 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, pasa el ratón por encima del 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 de formulario utilizando su configuración JSON, haz clic en Editar JSON. Esto abre el componente JSON, mostrando todos los ajustes disponibles.

Para copiar un componente dentro del formulario, haz 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 en forma de plantilla para poder volver a utilizarla en procesos de automatización futuros.
• Insertar plantilla: te permite buscar plantillas de formulario existentes y añadirlas al proyecto actual.
• Borrar formulario: borra todos los componentes del formulario actual.
• Vista previa: introduce un modo de vista previa que te muestra el aspecto del formulario en el runtime. Esta sección también te permite modificar el tamaño de la pantalla del formulario, o seleccionar un tema prediseñado.