Componentes Avançados

Elemento HTML

Você pode usar o Elemento HTML para exibir um único elemento HTML em seu formulário e configurá-lo com base em seu caso de uso.

Observação: habilite a propriedade Desabilitar limpeza dentro da atividade Create Form para mostrar todo o conteúdo não seguro dentro de um elemento HTML.

Tag HTML - A tag do Elemento HTML.
Classe CSS —A classe CSS que pode ser adicionada para este elemento HTML. Você pode inserir várias classes, separando-as com espaços simples.
Atributos - Os atributos para o Elemento HTML. Somente atributos seguros são permitidos, como: src, hrefe title.
Conteúdo - o conteúdo do Elemento HTML.
Atualizar ao alterar - renderiza novamente o elemento HTML sempre que um valor é alterado no formulário.

Para exibir formulários de imagens, você precisa usar o componente de Elemento HTML . Confira o tutorial a seguir Exibição de imagens.

Para arquivos PDF, você só pode exibi-los quando você cria um formulário HTML personalizado.

Content

Você pode usar o componente Conteúdo para adicionar informações em seu formulário, que é somente de exibição. O valor do componente não é enviado de volta para o fluxo de trabalho.

Atualizar ao alterar - renderiza o componente de conteúdo sempre que um valor no formulário é alterado.

Email

Tipo de dados: String

Você pode usar o componente E-mail para adicionar um campo para inserir endereços de e-mail.

URL

Tipo de dados: System.Uri

Você pode usar o componente Url para adicionar um campo para inserir endereços de URL, garantindo que eles estejam no formato correto.

Número de telefone

Tipo de dados: String

Você pode usar o componente Phone Number para adicionar um campo para inserir números de telefone.

Máscara de entrada - Fornece um formato predefinido para o número de telefone. Para o campo de número de telefone, o formato padrão é (999) 999-9999.
9 - numérico
a - alfabética
** \* ** - alphanumeric
Carac. de Espaço Reservado para Máscara de Entrada - Você pode usar um caractere como espaço reservado no campo. Para
Por exemplo, você pode usar um hífen (-).

Observação: o caractere de espaço reservado é substituído por um espaço se for usado dentro da máscara.

Data/Hora

Tipo de dados: String

Você pode usar o componente Date/Time para inserir datas, horas ou ambos.

Formato - o formato usado para exibir o valor de data e hora.
Ativar entrada de data - permite que os usuários insiram datas para este campo.
Usar entrada para adicionar moment.js de minDate — permite que o usuário use uma entrada para a função de momentominDate em vez de um calendário.
Usar calendário para definir minDate - permite que o usuário use um calendário para definir o minDate.
Use a entrada para adicionar moment.js para maxDate - permite que o usuário use uma entrada para a função de momento maxDate , em vez de um calendário.
Usar calendário para definir maxDate - permite que o usuário use um calendário para definir o maxDate.
Desative datas específicas ou datas por intervalo - adicione as datas que deseja banir. Por exemplo, 2027-08-11.
Datas desativadas personalizadas - permite banir determinadas datas usando uma função personalizada.
Desativar fins de semana - permite proibir os fins de semana.
Desativar dias da semana - permite banir os dias da semana.
Ativar entrada de hora - permite que os usuários insiram a hora neste campo.
Hour Step Size - o número de horas que devem ser incrementadas ou diminuídas no seletor de tempo.
Minute Step Size - o número de minutos que devem ser incrementados ou diminuídos no seletor de tempo.
Horário de 12 horas (AM/PM) - exibe o horário em períodos de 12 horas, usando AM ou PM.
Data padrão - define o valor padrão para uma data específica usando as funções Moment.js . Por exemplo, você pode usar a seguinte função: moment().substract(10, 'days').

Dia

Tipo de dados: System.DateOnly

Você pode usar o componente Dia para solicitar a entrada de Dia,Mêse Ano, seja por meio de um campo do tipo número ou de um campo do tipo seleção.

Tipo / Tipo de entrada - escolha fornecer entrada para Dia, Mês ou Ano digitando um número ou selecionando opções em uma lista suspensa.

Ano Mínimo/Máximo - escolha o ano mínimo/máximo que pode ser inserido.

Exigir dia - o campo Dia deve ser preenchido antes da renderização do formulário.
Exigir Mês - o campo Mês deve ser preenchido antes da renderização do formulário.
Exigir ano - o campo Ano deve ser preenchido antes da renderização do formulário.
Dia máximo/mínimo - escolha um dia mínimo/máximo que pode ser inserido. Você também pode usar as funções do Moment.js . Por exemplo, você pode usar moment().add(10, 'days').

Hora

Tipo de dados: System.TimeOnly

Você pode usar o componente Time para inserir a hora em diferentes formatos.

Tipo de entrada - selecione o tipo de widget que você gostaria de usar para inserir a hora: Entrada de hora HTML5 (os usuários podem escolher a hora em um determinado painel) ou Entrada de texto com máscara (os usuários podem inserir a hora manualmente).

Moeda

Tipo de dados: System.Double

Você pode usar o componente Moeda para exibir valores financeiros usando uma determinada moeda. O componente possui uma máscara de entrada que exibe o ícone de moeda e adiciona vírgulas automaticamente com base no número inserido pelo usuário. O componente permite dois valores decimais.