Construtor de formulários

O Construtor de formulários é uma implementação personalizada do mecanismo form.io que fornece uma experiência de construtor de formulários de arrastar e soltar no UiPath Studio. Com o Construtor de formulário, você também pode criar formulários e chamadas.

Como um RPA Developer, você pode usar o novo Construtor de Formulários no Studio para criar interfaces de formulário complexas usadas apenas em automações Attended. A experiência de criação de formulário consiste em definir o comportamento e validação para cada componente de formulário que você usa.

Para abrir o Construtor de formulários e começar a criar formulários:

1. Abra o Studio.

2. Acesse a guia Design e, no grupo Arquivo , selecione Novo > Formulário.

3. Nomeie o formulário e salve-o em seu projeto do Studio. O formulário que você criou abre em uma janela separada dentro do painel Designer e está disponível dentro do seu projeto.

   

4. (Pré-visualização) Navegue até o painel Componentes e arraste os componentes desejados para o formulário.

Personalização de formulários

Depois de criar um novo arquivo Formulário e o Construtor de formulários for aberto, você pode começar a personalizar a maneira padrão que deseja que o formulário seja exibido. Use as seguintes propriedades dentro do painel Propriedades .

• Título — Altere o título do arquivo uiform . Se você não definir um título específico na atividade Show Form ou Show Callout , esse título será usado no runtime.

• Largura — defina a largura padrão do formulário em pixels. Se você não definir uma largura específica na atividade Show Form ou Show Callout , essa largura será usada no runtime.

• Altura — defina a altura padrão do formulário em pixels. Se você não definir uma altura específica na atividade Show Form ou Show Callout , essa altura será usada no runtime.

• Mostrar na barra de tarefas - selecione se você deseja que o ícone de formulário seja mostrado na barra de tarefas no runtime.

• Mostrar moldura da janela - selecione se você deseja mostrar a moldura da janela por padrão.

• Tema - escolha o tema padrão para o formulário tanto no tempo de design quanto no tempo de execução.

• CSS personalizado - classes CSS do tipo que você pode aplicar a outros componentes de formulário especificados pela propriedade Classe CSS personalizada .

  

Gerenciando componentes de formulários

Verifique abaixo as Actions que você pode executar em componentes de formulário.

Criar um gatilho

Para criar um gatilho em um componente de formulário específico:

1. Selecione Criar gatilho. A caixa de diálogo Criar gatilho de formulário é aberta. Você pode alterar o nome ou o local do fluxo de trabalho de gatilho que você está criando.
2. Selecione Criar para criar o fluxo de trabalho do gatilho. O resultado é um novo fluxo de trabalho nomeado após o Nome da propriedade do componente de destino. O fluxo de trabalho contém uma atividade Gatilho de formulário que você pode configurar.
   1. Selecionar formulário - selecione o arquivo de formulário com base no qual você cria o gatilho.
   2. Evento - selecione o evento para que o gatilho inicie.

Editar

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

Mover

Para reorganizar os componentes do formulário, selecione Mover e arrastar o componente do formulário para outro local dentro do seu formulário.

Editar JSON

Para editar o componente do formulário usando seu esquema JSON:

1. Selecione Editar JSON. Isso abre o esquema JSON do componente, exibindo todas as propriedades padrão.

   

2. Selecione Esquema completo para ver o esquema JSON detalhado para o componente de destino.

3. Edite as propriedades existentes ou adicione mais dentro do esquema.

   Dica:

   Para uma lista de parâmetros JSON comuns que podem ser usados em componentes de formulário, clique aqui.

Copiar e Colar

Para copiar um componente dentro do formulário, selecione Copiar e, em seguida, selecione Colar abaixo no mesmo componente ou em outro.

Remover

Para remover um componente do seu formulário, selecione Remover.