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 de formulario, se abre el asistente de configuración. Dependiendo del tipo de componente del formulario, ciertas pestañas del asistente están disponibles para personalizarlo. Todas las pestañas disponibles y sus propiedades generales en el Diseñador de formularios de UiPath se describen a continuación.

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 a un lado del icono. Introduzca el texto de la información sobre herramientas.

Clase CSS personalizada

Agregue una clase CSS personalizada al componente. Puede añadir varias clases, separadas por espacios.

Oculto

Ocultar un componente en el Representador de formulario.

Nota:

El componente sigue apareciendo en el archivo JSON.

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.

Exclusivo

Cuando se marca, el campo se considera único para el formulario.

Protegido

Cuando se marca, el campo está disponible solo para entrada.

Persistente

When checked, it stores a field in the database. If you don't want to save a field to the database, uncheck Persistent.

Vista de tabla

Cuando se marca, muestra el valor en la vista de tabla de los envíos. Puede usarlo para los componentes secundarios que agregue dentro de Editar componentes de cuadrícula, para representar los componentes secundarios dentro de las filas.

If left unchecked, the data doesn't display in the collapsed row of the Edit Grid. Even if the data doesn't display, you can configure a component while editing a row.

Máscara de entrada

Una máscara de entrada proporciona un formato predefinido. Por ejemplo, para un campo de número de teléfono, la máscara de entrada predeterminada sería [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

When checked, multiple values can be added to the field. The values appear as an array in the API and an Add Another Button is visible on the field.

Contenido

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

Formato de datos

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

Rediseñar en

Redraw this component if another component in the form changes. Choose the event when the component should redraw from the dropdown list. The default events to choose are Any Change and Submit.

Validación

Obligatorio

Cuando se marca, este campo debe tener un valor.

Validar en

Determines when this component triggers front-end validation. Choose an event from the dropdown list: Change or Blur.

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

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.

Permitir solo los valores disponibles

Cuando se marca, realiza una comprobación de validación para asegurarse de que el valor seleccionado es una opción disponible.

Clave del campo

Nombre de propiedad

The corresponding argument name for a component in the Workflow Fields Collection.

Condicional

The Conditional tab in the Form Designer allows you to place conditions on components in your form, to hide or display them.

The Conditional tab has two sections:

• Simple
• Condiciones avanzadas

Condiciones simples

The Simple section of the Conditional tab allows you to hide or display a component, based on the value of another component.

The Simple section consists of three fields:

1. This component should Display - from this dropdown list, choose:

   • True if you want to condition when the component displays.
   • False if you want to condition when the component hides.

2. When the form component - from this dropdown list, choose a component in the form to act as a condition.

3. Has the value - type in the value that conditions the component when to display or hide.

   

Condiciones avanzadas

La sección Condiciones avanzadas le permite usar código JavaScript para hacer combinaciones de condiciones.

Nota:

La lógica avanzada anula los resultados de la lógica condicional simple .

En la sección Código JavaScript, introduce un código JavaScript personalizado.

The show variable must be given a true or false value. The data variable is used to access other components in the form, through the API key.

Para aprender a utilizar componentes condicionales, consulta la página del tutorial Componentes condicionales .

Lógica

The Logic tab of the Form Designer allows you to create conditions and advanced logic scripts that can change the state or the behavior of the selected form component.

Con la lógica avanzada, puedes cambiar dinámicamente los controles, la apariencia y la funcionalidad 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	Proporcionas una lógica JavaScript para un componente de formulario o datos de formulario. Utiliza la sintaxis de JavaScript para crear una lógica compleja, como un bucle o un comportamiento dinámico.
Lógica JSON	Proporcionas una lógica JSON para un componente de formulario o datos de formulario. Recomendado en casos en los que JavaScript no está permitido. No puede admitir bucles o 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 del componente disponibles, como Información sobre herramientas, Descripción, Clase CSS, etc. Las propiedades disponibles dependen del tipo de componente de activación.
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 componente JSON. 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. Puedes cambiar varios parámetros dentro de una acción.
Acción personalizada	Una acción personalizada se define utilizando la sintaxis de JavaScript, de la misma manera que definiría el tipo de desencadenador de JavaScript.	N/A