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, Casillas de selección, 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, 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.	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.

Leyenda: ✅ = Disponible ❌ = No disponible.

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 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 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 ratón por encima del 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 de formulario utilizando su configuración JSON, selecciona Editar JSON. Esto abre el componente JSON, mostrando todos los ajustes disponibles.

Para copiar un componente dentro del formulario, selecciona Copiar y luego selecciona 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 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.

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:

   Renaming a customized theme creates a clone for it. The theme is cloned to avoid breaking workflows that use the same theme, but reference it with the previous name.