Acerca de los controles del diseñador de formularios

Al arrastrar y soltar un componente o al hacer clic en el botón Editar de un componente del formulario, se abrirá el asistente de configuración. Dependiendo del tipo de componente del formulario, ciertas pestañas del asistente están disponibles para personalizarlo. A continuación se describen todas las pestañas disponibles y sus propiedades generales en el Diseñador de formularios de UiPath .

Visualización

Etiqueta

El título del componente.

Posición de la etiqueta

La posición de la etiqueta de un campo.

Descripción

El texto que aparece debajo del campo de entrada.

Información sobre herramientas

Añade un icono de información sobre herramientas al lado del campo. Introduzca el texto de la información sobre herramientas.

Oculto

Ocultar un componente en el Representador de formulario.

Ocultar etiqueta

Ocultar la etiqueta de un componente.

Deshabilitada

Deshabilitar un campo en el formulario.

Marcador de posición

El texto que aparece cuando el campo está vacío.

Prefijo

El texto que se muestra antes de un campo.

Sufijo

El texto que se muestra después de un campo.

Vista de tabla

Cuando se marca, muestra el valor en la vista de tabla de los envíos.

Máscara de entrada

Una máscara de entrada proporciona un formato predefinido. Para un campo de número de teléfono, la máscara de entrada predeterminada es [phone].

Los elementos de la máscara de entrada son:

• 9 - numérico
• a- alfabético
• *** alfanumérico

Datos

Valor predeterminado

El valor del campo antes de que los usuarios interactúen con él. El valor predeterminado anula el texto del marcador de posición.

Varios valores

Cuando se marca, se pueden agregar varios valores al campo. El botón Añadir otro se vuelve visible en el campo.

Contenido

La sección en la que se escribe el contenido de un componente.

Formato

El formato moment.js que utiliza para guardar este campo. Por ejemplo, HH:mm:ss.

Rediseñar en

Vuelve a dibujar este componente si cambia otro componente del formulario. Elige el evento en el que el componente debe volver a dibujarse en la lista desplegable. Los eventos predeterminados para elegir son Cualquier cambio y Enviar.

Validación

Obligatorio

Cuando se marca, este campo debe tener un valor.

Validar en

Determina cuándo este componente desencadena la validación de front-end. Elija un evento de la lista desplegable: Cambiar o Difuminar.

Longitud mínima

Este campo debe cumplir el requisito de longitud mínima.

Longitud máxima

Este campo debe cumplir el requisito de longitud máxima.

Longitud de palabras mínima

La cantidad mínima de palabras que se pueden agregar a este componente.

Longitud de palabras máxima

La cantidad máxima de palabras que se pueden añadir a este campo.

Patrón de expresión regular

Este es el patrón de expresión regular que debe pasar el componente antes de poder enviar el formulario.

Etiqueta de error

La etiqueta que se muestra cuando se muestra un mensaje de error de validación.

Mensaje de error personalizado

Un mensaje de error personalizado que se mostrará si se produce un error.

Clave del campo

Nombre de propiedad

El nombre de este componente en la colección de campos de flujode trabajo.

Condicional

La pestaña Condicional del Diseñador de formularios te permite colocar condiciones en los componentes de tu formulario para ocultarlos o mostrarlos.

La pestaña Condicional tiene una sección Simple .

La sección Simple de la pestaña Condicional te permite ocultar o mostrar un componente en función del valor de otro componente.

La sección Simple consta de tres campos:

1. Este componente debe mostrarse ; en esta lista desplegable, elija:

   • Verdadero si desea condicionar el momento en que se muestra el componente.
   • Falso si desea condicionar el momento en el que se oculta el componente.
2. Cuando el componente del formulario : en esta lista desplegable, elija un componente del formulario para que actúe como condición.

3. Contiene el valor : introduzca el valor que condiciona el componente a mostrar u ocultar.

   
   

   

   
   

Consulta el tutorial sobre la creación de condiciones simples de la guía Form.Activities.

Lógica

La pestaña Lógica del Diseñador de formularios te permite crear condiciones y scripts de lógica avanzados que pueden cambiar el estado o el comportamiento del componente del formulario seleccionado.

Usando la lógica avanzada, puedes cambiar dinámicamente los controles, la apariencia y la sensación de un componente del formulario.

La lógica de un formulario consta de dos partes: el desencadenador y la acción.

Desencadenador

El desencadenador lógico es la condición en la que tiene lugar la acción. Por ejemplo, es posible que desees mostrar un campo de formulario específico solo cuando se selecciona una opción de casilla de verificación. En este caso, la opción de casilla de verificación es el desencadenador y la acción muestra el campo de formulario.

Hay cuatro tipos de desencadenadores lógicos:

Tipo de desencadenador	Descripción	Ejemplo
Simple	Se define un componente y un valor del formulario de activación.
Javascript	Proporcione una lógica de JavaScript para un componente de formulario o datos de formulario. Utilizar la sintaxis de JavaScript para crear lógicas complejas, como un bucle o un comportamiento dinámico.
Lógica JSON	Proporcionas una lógica JSON para un componente de formulario o datos del formulario. Recomendado en los casos en los que no se permite JavaScript. No admite bucles ni comportamientos dinámicos.
Evento	Se define un evento de componente que, una vez emitido por el componente correspondiente, desencadena la acción deseada.

Acción

La acción lógica es el comportamiento del componente del formulario que debe ocurrir en función de las condiciones lógicas que establezca (es decir, el desencadenador). Por ejemplo, puede activar un botón para usuarios de una edad específica. En este caso, el rango de edad es el desencadenador y la activación del botón es la acción.

Hay cuatro tipos de acciones lógicas:

Tipo de acción	Descripción	Ejemplo
Propiedad	El desencadenador cambia una de las propiedades disponibles del componente, como la información sobre herramientas, la descripción, la clase CSS, etc. Las propiedades disponibles dependen del tipo de componente desencadenador.
Valor	El desencadenador cambia el valor del componente correspondiente. La acción debe definirse utilizando la sintaxis de JavaScript.
Fusionar esquema de componentes	El desencadenador cambia los parámetros del esquema del componente que se encuentran en el JSON del componente. Para ver los parámetros del esquema que puedes cambiar, pasa el ratón por encima del componente correspondiente y haz clic en Editar JSON. Puede cambiar varios parámetros en una acción.
Acción personalizada	Defina una acción personalizada utilizando la sintaxis de JavaScript, de la misma manera que definiría el tipo de desencadenador de JavaScript.	N/A

Plantillas

La pestaña Plantillas es específica solo del componente Editar cuadrícula . La plantilla de pie de página te permite personalizar la cuadrícula con JavaScript. Puede modificar el aspecto del pie de página.

Plantilla de pie de página

Esta es la Plantilla de Lodash utilizada para representar el pie de página del componente Editar cuadrícula .

Hay dos variables disponibles:

• valor : la matriz de datos de la fila
• componentes : la matriz de componentes en la cuadrícula

Archivo

La pestaña Archivo es específica solo del componente Archivo . La pestaña Archivo te permite personalizar un componente del archivo a través de configuraciones y propiedades específicas.

Estas son las propiedades disponibles en la pestaña Archivo

• Directorio : coloca todos los archivos cargados en este componente en el directorio especificado. La cadena debe terminar en /.
• Solo cargar: permite a los usuarios solo cargar archivos. La opción de descarga no estará disponible cuando se marque.
• Tipos de archivo : te permite especificar los tipos de archivo para clasificar los tipos de archivos que carga el usuario. Recomendado cuando un usuario carga varios tipos de archivos y desea que el usuario especifique el tipo de cada archivo cargado.
• Patrón de archivo : te permite especificar las extensiones de archivo que se podrán cargar. No se cargarán otras extensiones de archivo que no estén especificadas.
• Tamaño mínimo del archivo : establece el tamaño mínimo del archivo cargado.

• Tamaño máximo del archivo : establece el tamaño máximo del archivo cargado.

  Para obtener más información sobre cómo especificar patrones y tamaños de archivos, consulta este enlace de GitHub.