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, Conteúdo, 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ágina Sobre 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.

Confira a página Sobre os controles do Form Designer para saber mais sobre cada guia do assistente.

Importante:

Usar a lógica JavaScript personalizada pode levar a ataques de segurança; portanto, certifique-se de que você entenda 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 de formulário, clique em Mover e arraste o componente de formulário para outro local dentro do seu formulário.

Para editar o componente de formulário usando suas configurações JSON, clique em Edite 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, então, clique em Cole abaixo no mesmo componente ou em outro.

Para remover um componente do 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 - Habilita você a exportar a forma que você projetou 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.
• Apagar formulário - Exclui todos os componentes no formulário atual.
• Pré-visualização - Entra em um modo de pré-visualização, que mostra como a forma se parece no runtime. Essa seção também habilita você a redimensionar o tamanho da exibição do formulário ou a selecionar um tema pré-fabricado.