Primeros pasos

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.

Como desarrollador de RPA, puede usar el Diseñador de formularios de UiPath para crear las interfaces de formulario necesarias en una automatización atendida o desatendida. Usted establece la definición, el comportamiento y la validación de cada campo del formulario.

Para interactuar con el diseñador de formularios, selecciona Abrir diseñador de formularios dentro de la actividad Crear formulario .

Componentes de formulario

Un componente de formulario te ofrece la posibilidad de recopilar datos de usuario. Los componentes de la interfaz de usuario se agrupan 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 Etiqueta/encabezado Archivo/carpeta 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.	Oculto Contenedor Cuadrícula de datos Editar cuadrícula 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.

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

Comparación entre componentes de control de rejilla

La tabla siguiente compara las capacidades de los controles de cuadrícula disponibles en el Diseñador de formularios. La tabla también describe los escenarios recomendados para usar cada componente de control de cuadrícula: Cuadrícula, Cuadrícula de datosy Editar cuadrícula.

Legend: = Available = Not available.

Capacidad	Cuadrícula	Cuadrícula de datos	Editar cuadrícula
Escenarios recomendados	Muestra un gran número de datos con fines de solo lectura (capacidad de solo lectura)	Muestra un pequeño conjunto de datos que han de ser editados por el usuario (capacidad de edición en línea)	Muestra un pequeño conjunto de datos que han de ser editados por el usuario (capacidad de edición en línea del subformulario)
Número de filas recomendado	Ilimitado (soporte de paginación de 100 filas)	No más de 100 filas. Riesgo de rendimiento reducido más allá de las cifras recomendadas	No más de 100 filas. Riesgo de rendimiento reducido más allá de las cifras recomendadas
Número de columnas recomendado	Ilimitado	Máximo de 7 columnas por cada 100 filas. Riesgo de rendimiento reducido	Máximo de 7 columnas por cada 100 filas. Riesgo de rendimiento reducido
Editable
Paginación
Ordenable
Filtrable
Columna redimensionable en el runtime
Agrupación de filas
Lógica y condiciones
Grandes opciones de personalización mediante el uso de plantillas
Búsqueda global

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é satisfecho con el diseño de un componente, seleccione 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 las condiciones para el componente.	Puedes establecer condiciones avanzadas, como Javascript o JSON.
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 los encabezados y filas de los datos de su cuadrícula de edición.

Gestionar componentes de formulario

Para volver a abrir el asistente de configuración, pasa el cursor sobre el componente del formulario y selecciona Editar.

Para reorganizar los componentes del formulario, selecciona 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 JSON, selecciona Editar JSON. Esto abre el componente JSON, mostrando todas las configuraciones disponibles.

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

Para eliminar un componente de tu formulario, selecciona Eliminar.

Gestionar formularios

La cinta Diseñador de formularios tiene 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.

Personalización de temas

Para personalizar un tema prediseñado a tu gusto:

1. En el Modo de vista previa, navega hasta el panel Temas.
2. Selecciona un tema prediseñado.
3. Selecciona Personalizar tema actual.
4. Personaliza el formulario y el botón principal utilizando las opciones disponibles.
5. Selecciona Guardar personalización.

Nota: al cambiar el nombre de un tema personalizado, se crea un clon. El tema se clona para evitar interrumpir los flujos de trabajo que usan el mismo tema, pero que hacen referencia a él con el nombre anterior.