Sobre controles de designer de formulário

Quando você arrasta e solta um componente ou quando clica no botão Editar ícone de um componente de formulário, o assistente de configuração é aberto. Dependendo do tipo de componente de formulário, certas guias do assistente estão disponíveis para personalizá-lo. Todas as guias disponíveis e suas propriedades gerais no UiPath Form Designer são descritas abaixo.

Exibição

Label

O título do componente.

Posição do Rótulo

A posição do rótulo de um campo.

Description

O texto que aparece abaixo do campo de entrada.

Dica de ferramenta

Adiciona um ícone de dica de ferramenta em um lado do ícone. Insira o texto da dica de ferramenta.

Personalizar Classe CSS

Adicione uma classe CSS personalizada ao componente. Você pode adicionar várias classes, separadas por um espaço.

Oculto

Oculte um componente no Renderizador de formulário.

Observação:

O componente ainda aparece no arquivo JSON.

Ocultar Rótulo

Oculte o rótulo de um componente.

Desabilitado

Desative um campo no formulário.

Espaço reservado

O texto que aparece quando o campo está vazio.

Prefix

O texto exibido antes de um campo.

Sufixo

O texto exibido após um campo.

Exclusivo

Quando marcado, o campo é considerado exclusivo do formulário.

Protegido

Quando marcada, torna o campo disponível apenas para entrada.

Permanente

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

Exibição de Tabela

Quando marcado, mostra o valor dentro da visualização da tabela dos envios. Você pode usá-lo para componentes filho adicionados dentro dos componentes Edit Grid, para renderizar os componentes filho dentro das linhas.

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

Uma máscara de entrada fornece um formato predefinido. Por exemplo, para um campo de número de telefone, a máscara de entrada padrão seria [phone].

Os elementos da máscara de entrada são:

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

Dados

Valor Padrão

O valor do campo antes que os usuários interajam com ele. O valor padrão substitui o texto do espaço reservado.

Vários 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.

Content

A seção onde você digita o conteúdo de um componente.

Formato dos Dados

O formato moment.js que você usa para salvar este campo. Por exemplo, HH:mm:ss.

Redesenhar Ativado

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.

Validação

Required

Quando marcado, este campo é obrigatório ter um valor.

Validar em

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

Tamanho Mínimo

O requisito de tamanho mínimo que este campo deve satisfazer.

Tamanho Máximo

O requisito de tamanho máximo que este campo deve satisfazer.

Tamanho Mínimo de Palavra

A quantidade mínima de palavras que podem ser adicionadas a este componente.

Tamanho Máximo de Palavra

A quantidade máxima de palavras que pode ser incluída neste campo.

Padrão de Expressão Regular

O padrão de expressão regular que o componente deve passar antes que o formulário possa ser enviado.

Etiqueta de Erro

O rótulo exibido quando uma mensagem de erro de validação é exibida.

Personalizar Mensagem de Erro

Uma mensagem de erro personalizada a ser exibida se ocorrer um erro.

Permitir somente valores disponíveis

Quando marcada, executa uma verificação de validação para garantir que o valor selecionado seja uma opção disponível.

Chave do Campo

Nome da Propriedade

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
• Condições Avançadas

Condições 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.

   

Condições Avançadas

A seção Condições Avançadas permite que você use o código JavaScript para fazer combinações de condições.

Observação:

A Lógica Avançada substitui os resultados da lógica condicional Simples .

Na seção Código JavaScript, insira um 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 saber como usar componentes condicionais, consulte a página tutorial de Componentes condicionais .

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.

Usando lógica avançada, você pode alterar dinamicamente os controles, aparência e comportamento de um componente de formulário.

Uma lógica de formulário consiste em duas partes: o gatilho e a ação.

Gatilho

O gatilho lógico é a condição sob a qual a ação ocorre. Por exemplo, talvez você queira exibir um campo de formulário específico somente quando uma opção de caixa de seleção estiver marcada. Nesse caso, a opção da caixa de seleção é o gatilho e exibir o campo do formulário é a ação.

Existem quatro tipos de gatilhos lógicos:

Tipo do Gatilho	Description	Exemplo
Simple	Você define um componente e valor de formulário de acionamento.
JavaScript	Você fornece uma lógica JavaScript para um componente de formulário ou dados de formulário. Use a sintaxe JavaScript para criar uma lógica complexa, como loop ou comportamento dinâmico.
Lógica JSON	Você fornece uma lógica JSON para um componente ou dados do formulário. Recomendado em casos em que o JavaScript não é permitido. Não é compatível com loops ou comportamentos dinâmicos.
Evento	Você define um evento de componente, que uma vez emitido pelo componente correspondente, aciona a ação desejada.

Ação

A ação lógica é o comportamento do componente de formulário que deve ocorrer com base nas condições lógicas que você definiu (ou seja, o acionador). Por exemplo, você pode querer ativar um botão para usuários de uma idade específica. Nesse caso, a faixa etária é o gatilho e ativar o botão é a ação.

Existem quatro tipos de ações lógicas:

Tipo de Ação	Description	Exemplo
Propriedade	O gatilho altera uma das propriedades do componente disponíveis, como Dica de ferramenta, Descrição, classe CSS etc. As propriedades disponíveis dependem do tipo do componente de disparo.
Valor	O gatilho altera o valor do componente correspondente. A ação deve ser definida usando a sintaxe JavaScript.
Mesclar Esquema de Componente	O gatilho altera os parâmetros do esquema do componente encontrados no JSON do componente. Para ver os parâmetros de esquema que você pode alterar, passe o mouse sobre o componente correspondente e clique em Editar JSON. Você pode alterar vários parâmetros em uma ação.
Personalizar Ação	Você define uma ação personalizada usando a sintaxe JavaScript, da mesma forma que definiria o tipo de acionador JavaScript.	NA