Sobre controles de designer de formulário

Ao arrastar e soltar um componente ou ao clicar no botão Editar ícone de um componente de formulário, o assistente de configuração é aberto. Dependendo do tipo de componente do formulário, algumas 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 ao lado do campo. Insira o texto da dica de ferramenta.

Oculto

Oculte um componente no Renderizador de formulário.

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 que aparece antes de um campo.

Sufixo

O texto que aparece depois de um campo.

Exibição de Tabela

Quando marcado, mostra o valor dentro da visualização da 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ético
• ***** - 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.

Vários Valores

Quando marcada, vários valores podem ser adicionados ao campo. O botão Adicionar outro fica visível no campo.

Content

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

Format

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

Redesenhar Ativado

Redesenhe este componente se outro componente no formulário for alterado. Escolha o evento em que o componente deve ser redesenhado na lista suspensa. Os eventos padrão a serem escolhidos são Qualquer alteração e Enviar.

Validação

Required

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

Validar em

Determina quando este componente aciona a validação de front-end. Escolha um evento na lista suspensa: Alterar ou Desfocar.

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

Este é 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.

Chave do Campo

Nome da Propriedade

O nome deste componente na coleção de campos de fluxo de trabalho.

Condicional

A guia Condicional no Form Designer permite que você coloque condições em componentes em seu formulário, para ocultá-los ou exibi-los.

A guia Condicional tem uma seção Simples .

A seção Simples da guia Condicional permite ocultar ou exibir um componente com base no valor de outro componente.

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

1. Este componente deve ser exibido - nesta lista suspensa, escolha:

   • True se você deseja condicionar quando o componente for exibido.
   • False se você quiser condicionar quando o componente for ocultado.
2. Quando o componente de formulário - nesta lista suspensa, escolha um componente no formulário para atuar como uma condição.

3. Tem o valor - digite o valor que condiciona o componente quando exibir ou ocultar.

   
   

   

   
   

Confira o tutorial sobre como criar condições simples no guia Form.Activities.

Lógica

A guia Lógica do Form Designer permite criar condições e scripts de lógica avançada que podem alterar o estado ou o comportamento do componente de formulário selecionado.

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 lógica complexa, como loop ou comportamento dinâmico.
Lógica JSON	Você fornece uma lógica JSON para um componente de formulário ou dados de formulário. Recomendado nos casos em que o JavaScript não é permitido. Não pode suportar 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 acionador.
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 componente JSON. Para ver os parâmetros do 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 que você personalize a grade usando JavaScript. Você pode modificar a aparência do rodapé.

Modelo de Rodapé

Este é o modelo Lodash usado para renderizar o rodapé do componente Edit Grid .

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 /.
• Upload Only - permite que os usuários apenas carreguem arquivos. A opção de download ficará indisponível, quando marcada.
• Tipos de arquivo - permite especificar os tipos de arquivo, a fim de classificar os tipos de arquivos que o usuário carrega. Recomendado quando um usuário carrega vários tipos de arquivos e você deseja que o usuário especifique o tipo de cada arquivo carregado.
• Padrão de arquivo - permite especificar as extensões de arquivo que poderão ser carregadas. Outras extensões de arquivo não especificadas não serão carregadas.
• Tamanho mínimo do arquivo - define o tamanho mínimo para o 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 arquivo, consulte este link do GitHub.