Designer de formulário

O UiPath Form Designer é uma implementação personalizada do mecanismo form.io que fornece uma experiência de criação de formulários de arrastar e soltar no UiPath Studio.

Como um RPA Developer, você usa o Form Designer para criar interfaces de formas que são necessárias na automação assistida ou autônoma. Você define a configuração, o comportamento e a validação para cada campo de forma.

Para interagir com o Form Designer, clique em Abrir Form Designer dentro da atividade Criar Tarefa de Formulário .

Componentes de formas

Um componente de formulário fornece a capacidade de coletar dados do usuário.

Os componentes da interface gráfica são agrupados em categorias, com base em suas funcionalidades, da seguinte forma:

Categoria do componente de forma	Description	Componente de formulário
Básica	Contém os campos de formas mais usados.	Campo de Texto Área de Texto Número Senha Caixa de seleção Selecionar Caixas Lista Suspensa Rádio Botão
Avançado	Contém dados pessoais ou relacionados ao tempo.	Elemento HTML Content Email Número de telefone Data/Hora Dia Hora Moeda Pesquisa
Layout	Contém elementos que alteram o layout da forma.	Colunas Painel Tabela Guias
Dados	Contém grades e contêineres especializados para coletar dados.	Contêiner Grade de Dados Editar Grade

Para criar um formulário personalizado, arraste os componentes da interface gráfica desejados, solte-os no painel direito e organize-os de acordo com a lógica de seu caso de uso.

PáginaSobre componentes de formulário para saber mais sobre cada componente de formulário e como configurá-los.

Guias de componentes

Depois de selecionar um componente de formulário, um assistente é aberto exibindo várias guias de configuração para permitir uma personalização adicional para diferentes funcionalidades. Verifique o progresso no painel de visualização do assistente.

Quando você estiver satisfeito com o design de um componente, clique em Salvar.

A tabela abaixo descreve as configurações disponíveis para as guias comuns do assistente.

Guia do assistente	Description	Menções especiais
Exibição	Configure a forma como o componente de formulário é exibido.	O nome que você definir no campo Rótulo obrigatório é passado como o NomeDaPropriedade na guia Chave de campo.
Dados	Configure um valor padrão que os usuários finais vejam no campo de texto.	Os componentes que podem conter vários itens (por exemplo, caixas de seleção, guias) podem ser definidos aqui.
Validação	Configure os requisitos de validação para habilitar outros componentes de interface do usuário.
Chave do Campo	Configure o nome do componente que deseja usar posteriormente no fluxo de trabalho.	Por padrão, esse valor é passado do campo Rótulo da guia Exibição.
Condicional	Configure condições simples para o componente.
Lógica	Configure a lógica que aciona as condições.

Verifique a página Sobre os controles do Designer de formulários para saber mais sobre cada guia do assistente.

Importante: o uso da lógica JavaScript personalizada pode levar a ataques de segurança, portanto, certifique-se de compreender o risco envolvido antes de implementar seu código JavaScript.

Alguns componentes de formulário têm guias específicas, como por exemplo:

Component	Guia do assistente	Description
Data/Hora	Data	Configure as datas mínimas e máximas disponíveis para seleção.
	Hora	Configure a etapa incremental para horas e minutos.
Dia	Dia	Configure a maneira como o usuário corporativo seleciona o dia (incremental ou em uma lista suspensa).
	Mês	Configure a forma como o usuário empresarial seleciona o mês (incremental ou em uma lista suspensa).
	Ano	Configure a forma como o usuário empresarial seleciona o ano (incremental ou em uma lista suspensa) e também o ano mínimo e máximo disponíveis para seleção.
Editar Grade	Modelos	Personalize o rodapé da sua grade de edição.

Gerenciando componentes de formulários

Para reabrir o assistente de configuração, passe o mouse sobre o componente de formulário e clique em Editar.

Para reorganizar os componentes do formulário, clique em Mover e arraste o componente do formulário para outro local dentro do formulário.

Para editar o componente de formulário usando suas configurações JSON, clique em Editar JSON. Isso abre o componente JSON, exibindo todas as configurações disponíveis.

Para copiar um componente dentro do formulário, clique em Copiar e depois clique em Cole abaixo no mesmo componente ou em outro.

Para remover um componente de seu formulário, clique em Remover.

Gerenciando formulários

A faixa de opções do Form Designer tem as seguintes opções:

• Salvar— Salva o formulário que você criou.
• Salvar como modelo— permite exportar o formulário que você criou como um modelo que pode ser reutilizado em futuros processos de automação.
• Inserir modelo— permite procurar modelos de formulário existentes e adicioná-los ao projeto atual.
• Limpar formulário— Exclui todos os componentes do formulário atual.
• Visualização—Entra em um modo de visualização que mostra como o formulário se parece em tempo de execução. Esta seção também permite redimensionar o tamanho de exibição do formulário ou selecionar um tema predefinido.