Sobre controles de designer de formulário

Controles de Designer de formulários e suas opções de configuração no pacote de atividades de formulários.

Ao arrastar e soltar um componente ou ao clicar no botão Editar Ícone de um componente do formulário, o assistente de configuração será aberto. Dependendo do tipo de componente do 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

• Rótulo — o título do componente.

• Posição do rótulo — a posição do rótulo para um campo.

• Descrição — o texto que aparece abaixo do campo de entrada.

• Dica de ferramenta — Adiciona um ícone de dica de ferramenta ao lado do campo. Insira o texto da dica de ferramenta.

• Oculto - Ocultar um componente no Renderizador de formulários.

• Ocultar rótulo — ocultar o rótulo de um componente.

• Desabilitado - Desabilitar um campo no formulário.

• Placeholder - O texto que aparece quando o campo está vazio.

• Prefixo - O texto que aparece antes de um campo.

• Sufixo - O texto que é exibido após um campo.

• Exibição de tabela - Quando marcada, mostra o valor dentro da exibição de tabela dos envios.

• Máscara de entrada - Uma máscara de entrada fornece um formato predefinido. Para um campo de número de telefone, a máscara de entrada padrão é [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 dos usuários interagirem com ele. O valor padrão substitui o texto do espaço reservado.
• Valores múltiplos - Quando marcado, vários valores podem ser adicionados ao campo. O Botão Adicionar Outro fica visível no campo.
• Conteúdo — a seção na qual você digita o conteúdo de um componente.
• Formato - O formato moment.js que você usa para salvar este campo. Por HH:mm:ss,.
• Redesenhar em - Redesenhe este componente se outro componente no formulário mudar. Escolha o evento em que o componente deve ser redesenhado na lista suspensa. Os eventos padrão para escolher são Qualquer alteração e Enviar.

Validação

• Obrigatório - Quando marcado, esse campo é necessário para ter um valor.
• Validar em — determina quando esse componente dispara a validação de front-end. Escolha um evento na lista suspensa: Alterar ou Desfoque.
• Tamanho mínimo — o requisito de tamanho mínimo que este campo deve atender.
• Tamanho máximo — o requisito de tamanho máximo que este campo deve atender.
• Tamanho mínimo de palavra — a quantidade mínima de palavras que pode ser adicionada a este componente.
• Tamanho máximo de palavra - A quantidade máxima de palavras que podem ser adicionadas a esse campo.
• Padrão de expressão regular - Este é o padrão de expressão regular pelo qual o componente deve passar antes que o formulário possa ser enviado.
• Rótulo de erro — o rótulo que é exibido quando uma mensagem de erro de validação é exibida.
• Mensagem de erro personalizada – Uma mensagem de erro personalizada a ser exibida se ocorrer um erro.

Chave do Campo

• Nome da propriedade — o nome deste componente na Coleção de Campos do Fluxo de Trabalho.

Condicional

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

A guia Condicional tem uma seção Simples .

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

A seção Simples consiste em três campos:

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.

   

Confira o tutorial sobre a criação de condições simples no guia Form.Activities.

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 a lógica avançada, você pode alterar dinamicamente os controles, a aparência e a sensação 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 gatilho JavaScript.	NA

Modelos

A guia Modelos é específica apenas para o componente Editar grade . O modelo Rodapé permite personalizar a grade usando JavaScript. Você pode modificar a aparência do rodapé.

• Modelo de rodapé - Este é o Modelo do Lodash usado para renderizar o rodapé do componente Editar grade .

  Existem duas variáveis disponíveis:

  • valor - a matriz de dados da linha
  • componentes - a matriz de componentes na grade

de transações

A guia Arquivo é específica apenas para o componente Arquivo . A guia Arquivo permite personalizar um componente Arquivo , por meio de configurações e propriedades específicas.

Estas são as propriedades disponíveis na guia Arquivo

• Diretório — coloca todos os arquivos carregados neste componente, no diretório especificado. A string deve terminar com /.

• Somente para upload – permite que os usuários apenas carreguem arquivos. A opção de download estará indisponível quando marcada.

• Tipos de arquivo - permite que você especifique os tipos de arquivos, para classificar os tipos de arquivos que o usuário carrega. Recomendado quando um usuário carrega vários tipos de arquivos e você quer que o usuário especifique o tipo de cada arquivo carregado.

• Padrão de arquivo — permite especificar extensões de arquivo que terão permissão para carregar. Outras extensões de arquivo que não estiverem especificadas não serão carregadas.

• Tamanho mínimo do arquivo — define o tamanho mínimo do arquivo carregado.

• Tamanho máximo do arquivo — define o tamanho máximo do arquivo carregado. Para saber mais sobre como especificar padrões e tamanhos de arquivos, consulte este link do GitHub.