Formulários

O construtor de Formulários é a ferramenta para projetar interfaces intuitivas e personalizadas, sem a necessidade de habilidades avançadas de programação. Este editor dinâmico permite inserir, abrir, atualizar e remover formulários com facilidade. Vamos explorar as capacidades abrangentes deste construtor:

  • Botão Salvar: Use este botão para salvar o progresso do seu formulário atual. Recomendamos salvar frequentemente para evitar a perda de dados.

  • Botão Novo: Clique aqui para iniciar um novo formulário. Isso abrirá uma tela em branco, permitindo que você comece do zero.

  • Botão Abrir: Use este botão para abrir um formulário existente. Você pode editar formulários salvos anteriormente.

  • Botão Importar/Exportar: Estes botões permitem importar ou exportar seus formulários.

  • Botão Excluir: Este botão remove o formulário atual. Tenha cuidado ao usar esta opção, pois a ação é irreversível.

  • Botão Propriedades: Aqui você pode ajustar as propriedades e eventos do formulário.

Propriedades e Eventos do Formulário

Propriedades:

  • Esconder botão Salvar e Copiar: Permite ocultar o botão 'Salvar e Copiar' para simplificar a interface do usuário.

  • Limpar os dados ao Salvar: Apaga automaticamente todos os dados inseridos no formulário após o salvamento.

  • Link de Ajuda: Insere um link de ajuda no formulário, proporcionando orientações adicionais aos usuários.

  • Mostrar Título de Item na barra de Título: Exibe o título do item atual na barra de título do formulário.

  • Mostrar barra de Tarefas: Ativa a visualização da barra de tarefas dentro do formulário.

  • Nome: Identificação única do formulário. Usado para referenciar e distinguir o formulário em scripts.

  • Rótulo: Rótulo que descreve ou identifica o formulário, oferecendo orientação visual.

  • Rótulo Botão Salvar Customizado: Permite personalizar o texto do botão 'Salvar'.

  • Rótulo Botão Salvar e Fechar Customizado: Personaliza o texto do botão 'Salvar e Fechar'.

  • Scripts HTML / JS: Integra scripts personalizados de HTML ou JavaScript para funcionalidades adicionais.

  • Seções como Wizard: Organiza as seções do formulário em um formato passo a passo, estilo 'wizard'.

  • Seções em Abas: Organiza as seções do formulário em abas para uma navegação facilitada.

  • Tela Cheia: Opção para exibir o formulário em tela cheia

  • É Padrão: Define o formulário como default para o componente. Só pode existir um formulário padrão por componente.

Eventos:

  • onLoad: Acionado quando o formulário é carregado.

  • beforeSave: Executado antes do processo de salvamento do formulário.

  • afterSave: Disparado após o salvamento do formulário.

  • beforeClose: Acionado antes do fechamento do formulário.

  • onWizardFinish: Executado ao finalizar um formulário estruturado como Wizard.

  • f1KeyEvent a f12KeyEvent: Estes eventos são acionados ao pressionar as teclas de função F1 até F12, permitindo a execução de ações específicas.

Paleta de Controles Básicos e Avançados

A paleta de controles oferece uma ampla gama de elementos que você pode arrastar e soltar no seu formulário. Lembre-se, a chave para criar um formulário eficaz é entender as necessidades do usuário final. Teste diferentes layouts e controles para garantir uma experiência de usuário suave e funcional.

No restante desde documento veja a descrição, propriedades e eventos de todos os controles básicos e avançados.

Controles Básicos

Label

Descrição: Permite adicionar rótulos para identificar e descrever outros elementos do formulário.

Propriedades:

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Altura: Especifica a altura do campo no formulário.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Texto: Permite inserir o conteúdo textual a ser exibido pelo Label durante a execução do aplicativo.

Eventos:

  • Não possui eventos.

Texto Simples

Descrição: Caixa de texto para entrada de dados em formato simples.

Propriedades:

  • Placeholder: A propriedade Placeholder refere-se ao texto temporário exibido em um campo de texto simples quando ele está vazio e não possui foco. Essa mensagem é frequentemente utilizada para fornecer uma breve dica ou exemplo sobre o tipo de informação que o usuário deve inserir no campo. O texto do Placeholder desaparece assim que o usuário começa a digitar, proporcionando uma orientação visual útil para facilitar a interação e compreensão do propósito do campo. Essa propriedade é valiosa para melhorar a experiência do usuário, tornando a interface mais intuitiva e amigável.

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Altura: Especifica a altura do campo no formulário.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Apenas Letras Maiúsculas: Restringe a entrada de texto, convertendo automaticamente para letras maiúsculas.

  • Bloquear Acentuação: Impede a inserção de caracteres acentuados no campo de texto.

  • Máximo de Caracteres: Limita a quantidade máxima de caracteres que podem ser inseridos.

  • Mostrar Favoritos: Exibe opções favoritas ou sugestões enquanto o usuário digita.

  • Mostrar como E-mail: Adapta a apresentação do campo para entrada de endereços de e-mail.

  • Mostrar como Senha: Mascara os caracteres digitados, indicando que se trata de uma senha.

Eventos:

  • focusIn: Este evento é acionado quando o campo recebe foco. Pode ser usado para executar ações específicas quando o usuário inicia a interação com o campo.

  • focusOut: O evento focusOut ocorre quando o campo perde o foco. Isso possibilita a execução de ações quando o usuário encerra a interação com o campo.

  • keyPress: Acionado durante a pressão de uma tecla enquanto o campo está ativo. Permite a captura de eventos de teclado para realizar ações específicas em resposta às teclas pressionadas.

  • enterPress: O evento enterPress é desencadeado quando a tecla "Enter" é pressionada no campo. É útil para implementar ações específicas quando o usuário confirma ou finaliza a entrada de dados.

Texto Rico

Descrição: Área de texto com formatação, ideal para entrada de texto formatado.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Altura: Especifica a altura do campo no formulário.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

Eventos:

  • Não possui eventos.

Telefone

Descrição: Facilita a entrada de números de telefone com máscara específica.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Máximo de Caracteres: Define o número máximo de caracteres permitidos no campo. Essa propriedade limita a extensão do número de telefone inserido, garantindo consistência e facilitando a validação.

  • Máscara: A máscara para campos de telefone permite formatar automaticamente o número conforme um padrão predefinido. Isso auxilia na entrada de dados, garantindo consistência e facilitando a compreensão, mesmo durante a digitação.

Eventos:

  • focusIn: O evento "focusIn" é acionado quando o campo recebe o foco. Ideal para realizar ações no início da interação, como exibir instruções específicas ou fornecer orientações adicionais.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando o final da inserção de dados. Pode ser usado para validar o número de telefone inserido ou realizar ações específicas ao término da interação.

  • change: O evento "change" é acionado sempre que há uma alteração nos dados do campo. Útil para capturar e responder dinamicamente a mudanças, como atualizar informações associadas ao número de telefone em tempo real.

Texto com Máscara

Descrição: Campo de texto com máscara predefinida para entrada formatada, como números de telefone ou CPF.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Máximo de Caracteres: Define a quantidade máxima de caracteres permitidos no campo. Isso proporciona um controle preciso sobre o comprimento da entrada do usuário, evitando inserções excessivas e garantindo que os dados estejam em conformidade com os requisitos específicos do sistema.

  • Máscara: A propriedade "Máscara" refere-se à formatação pré-definida que o campo de texto com máscara segue. Ela define a estrutura visual da entrada do usuário, como números de telefone, CPF ou datas. Ao utilizar uma máscara, os usuários são guiados automaticamente durante a digitação, facilitando a inserção correta e consistente dos dados, além de melhorar a legibilidade. Essa propriedade é valiosa para garantir a entrada de dados conforme o esperado, especialmente em campos com formatos específicos.

Eventos:

  • focusIn: O evento "focusIn" é acionado quando o campo recebe o foco, ou seja, quando o usuário seleciona o campo para inserir dados. Esse evento é útil para realizar ações específicas no momento em que o usuário inicia a interação com o campo, como exibir informações adicionais ou ajustar dinamicamente a interface.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando que o usuário concluiu a inserção de dados ou moveu o foco para outro elemento da interface. Esse evento é valioso para realizar validações, processar dados inseridos ou realizar qualquer ação necessária ao final da interação com o campo.

  • change: O evento "change" é acionado sempre que ocorre uma alteração nos dados do campo. Seja durante a digitação ou ao sair do campo, esse evento permite capturar mudanças nos dados e realizar ações dinâmicas em resposta a essas alterações. Isso é particularmente útil para atualizar informações relacionadas ao conteúdo do campo em tempo real.

Número Inteiro

Descrição: Campo para inserção de números inteiros.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

Eventos:

  • focusIn: O evento "focusIn" é acionado quando o campo recebe o foco. Pode ser usado para fornecer orientações ou instruções específicas no início da interação.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando o término da inserção de dados. Pode ser útil para validar o número inteiro inserido ou realizar ações específicas ao término da interação.

  • change: O evento "change" é acionado sempre que há uma alteração nos dados do campo. Pode ser utilizado para capturar mudanças dinâmicas e realizar ações em resposta, como atualizar informações associadas ao número inteiro em tempo real.

Número Decimal

Descrição: Permite a inserção de números decimais.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Casas Decimais: Permite definir o número de casas decimais visíveis para o campo. Ao configurar esta propriedade, você controla a precisão e a apresentação dos valores decimais inseridos ou exibidos no campo, proporcionando uma experiência personalizada e alinhada às necessidades específicas do seu aplicativo.

Eventos:

  • focusIn: O evento "focusIn" é acionado quando o campo recebe o foco. Pode ser usado para fornecer orientações ou instruções específicas no início da interação.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando o término da inserção de dados. Pode ser útil para validar o número decimal inserido ou realizar ações específicas ao término da interação.

  • change: O evento "change" é acionado sempre que há uma alteração nos dados do campo. Pode ser utilizado para capturar mudanças dinâmicas e realizar ações em resposta, como atualizar informações associadas ao número decimal em tempo real.

Percentual

Descrição: Campo específico para inserção de valores percentuais.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Casas Decimais: O campo do tipo "Percentual" é projetado para lidar com valores proporcionais expressos em porcentagem. Essa propriedade permite que você trabalhe facilmente com dados percentuais, garantindo precisão e consistência na entrada e exibição desses valores. Ao usar esse tipo de campo, os usuários podem inserir porcentagens de forma intuitiva, facilitando a manipulação de dados relativos a percentuais em seu aplicativo. Isso é útil em diversas situações, desde cálculos financeiros até representações visuais de dados comparativos.

Eventos:

  • focusIn: Acionado quando o campo recebe o foco. Pode ser usado para fornecer feedback visual ou ativar funcionalidades específicas quando o usuário inicia a interação com o campo.

  • focusOut: Disparado quando o campo perde o foco. Útil para validar ou processar os dados inseridos pelo usuário após ele concluir a interação com o campo.

  • change: Este evento ocorre quando o valor do campo é alterado. Permite a execução de ações dinâmicas com base nas alterações feitas no campo, como atualizações automáticas em outras partes do aplicativo.

Moeda

Descrição: Facilita a entrada de valores monetários, exibindo a moeda correspondente.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Casas Decimais: Esta propriedade determina a quantidade de casas decimais exibidas no campo "Moeda". Permite ajustar a precisão na representação numérica dos valores monetários.

  • Posição do Símbolo: A propriedade "Posição do Símbolo" define se o símbolo da moeda será exibido à esquerda ou à direita do valor numérico. Essa configuração influencia a formatação visual do campo.

Eventos:

  • focusIn: Ocorre quando o campo recebe o foco, indicando que o usuário selecionou ou interagiu com ele.

  • focusOut: Dispara quando o campo perde o foco, indicando que o usuário encerrou a interação com o campo.

  • change: Este evento é acionado quando ocorre uma alteração no valor do campo, indicando uma mudança nos dados.

Data

Descrição: Campo para inserção de datas.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

Eventos:

  • focusIn: O evento "focusIn" ocorre quando o campo recebe foco, destacando-se como o usuário interage com ele. Pode ser utilizado para acionar ações específicas durante o foco no campo.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando que o usuário concluiu a interação com esse campo. Pode ser útil para validar ou processar dados inseridos antes ou após o foco.

  • change: O evento "change" é acionado quando o valor do campo de data é alterado. Pode ser utilizado para realizar ações dinâmicas com base nas mudanças na seleção da data.

Data e Hora

Descrição: Permite a entrada de datas e horas em conjunto.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

Eventos:

  • focusIn: O evento "focusIn" ocorre quando o campo recebe foco, destacando-se como o usuário interage com ele. Pode ser utilizado para acionar ações específicas durante o foco no campo.

  • focusOut: O evento "focusOut" ocorre quando o campo perde o foco, indicando que o usuário concluiu a interação com esse campo. Pode ser útil para validar ou processar dados inseridos antes ou após o foco.

  • change: O evento "change" é acionado quando o valor do campo é alterado. Pode ser utilizado para realizar ações dinâmicas com base nas mudanças na seleção da data e hora.

Sim/Não (Boolean)

Descrição: Controle de seleção binária para opções "Sim" ou "Não".

Propriedades:

  • ControlType: Define o tipo de UX para o campo booleano, podendo ser "CheckBox" para uma caixa de seleção ou "ComboBox" para uma lista suspensa.

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Cor: Define a cor associada ao campo.

Eventos:

  • change: O evento "change" é acionado quando o valor do campo é alterado pelo usuário. Pode ser utilizado para executar ações com base na mudança de seleção (marcado ou desmarcado).

Imagem

Descrição: Permite a inserção e exibição de imagens no formulário.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Altura: Especifica a altura do campo no formulário.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • fileName: Caminho do arquivo de imagem adicionado pelo usuário no controle. Esta propriedade é acessada apenas via script.

Eventos:

  • fileUploaded: O evento "fileUploaded" é acionado quando um arquivo de imagem é enviado com sucesso para o campo. Pode ser utilizado para realizar ações específicas após o upload bem-sucedido da imagem.

Lista de Opções

Descrição: Caixa de seleção para escolher entre uma lista predefinida de opções.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • ControlType: Define o tipo de controle para a lista de opções, podendo ser RadioGroup, DropDownList ou ComboBox. Essa propriedade determina a aparência e UX do campo.

  • Hierárquico: Indica se a lista de opções é hierárquica, permitindo a organização em uma estrutura de árvore com opções pai e filho.

  • Permitir Itens Customizados: Determina se as opções serão carregadas via script (SetControlProperty) ou pelo campo de dados associado. Se "true", será via script, caso contrário, pelo campo de dados.

  • Seleção Múltipla em Itens Customizados: Permite a seleção de múltiplas opções quando itens customizados são permitidos.

Eventos:

  • focusIn: Acionado quando o campo recebe foco, indicando que o usuário interagiu com o campo.

  • focusOut: Disparado quando o campo perde o foco, indicando que o usuário encerrou a interação com o campo.

  • change: Este evento é acionado quando há uma alteração na seleção da lista de opções. Pode ser usado para realizar ações específicas quando o usuário escolhe uma opção na lista.

Componente

Descrição: Campo de seleção para escolha de um item de um Componente.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • ControlType: Define o tipo de controle, podendo ser DropDownList ou ComboBox. Essa propriedade determina a aparência e UX do campo. DropDownList permite que o usuário possa pesquisar sobre os itens do campo à proporção que vai digitando.

  • Hierárquico: Indica se o campo é hierárquico, permitindo a organização em uma estrutura de árvore com opções pai e filho.

  • Permitir Itens Customizados: Determina se os itens serão carregados via script (SetControlProperty) ou pelo campo de dados associado. Se "true", será via script, caso contrário, pelo campo de dados.

  • Seleção Múltipla em Itens Customizados: Permite a seleção de múltiplos itens quando itens customizados são permitidos.

  • Habilitar Inserir: Define se exibe um botão para o usuário adicionar novos itens. É necessário que o usuário tenha permissão de Inserir itens no componente do campo de dados associado.

Eventos:

  • focusIn: Acionado quando o campo recebe foco, indicando que o usuário interagiu com o campo.

  • focusOut: Disparado quando o campo perde o foco, indicando que o usuário encerrou a interação com o campo.

  • change: Este evento é acionado quando há uma alteração na seleção dos itens. Pode ser usado para realizar ações específicas quando o usuário escolhe um item.

Setor

Descrição: Campo de seleção para escolha de um setor da empresa.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • ControlType: Define o tipo de controle, podendo ser DropDownList ou ComboBox. Essa propriedade determina a aparência e UX do campo. DropDownList permite que o usuário possa pesquisar sobre os itens do campo à proporção que vai digitando.

  • Hierárquico: Indica se o campo é hierárquico, permitindo a organização em uma estrutura de árvore com opções pai e filho.

  • Permitir Itens Customizados: Determina se os itens serão carregados via script (SetControlProperty) ou pelo campo de dados associado. Se "true", será via script, caso contrário, pelo campo de dados.

  • Seleção Múltipla em Itens Customizados: Permite a seleção de múltiplos setores quando itens customizados são permitidos.

Eventos:

  • focusIn: Acionado quando o campo recebe foco, indicando que o usuário interagiu com o campo.

  • focusOut: Disparado quando o campo de lista de opções perde o foco, indicando que o usuário encerrou a interação com o campo.

  • change: Este evento é acionado quando há uma alteração na seleção de um setor. Pode ser usado para realizar ações específicas quando o usuário escolhe um setor.

Usuário

Descrição: Permite a seleção de usuários associados à plataforma.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • ControlType: Define o tipo de controle, podendo ser DropDownList ou ComboBox. Essa propriedade determina a aparência e UX do campo. DropDownList permite que o usuário possa pesquisar sobre os itens do campo à proporção que vai digitando.

  • Hierárquico: Indica se o campo é hierárquico, permitindo a organização em uma estrutura de árvore com opções pai e filho.

  • Permitir Itens Customizados: Determina se os itens serão carregados via script (SetControlProperty) ou pelo campo de dados associado. Se "true", será via script, caso contrário, pelo campo de dados.

  • Seleção Múltipla em Itens Customizados: Permite a seleção de múltiplos setores quando itens customizados são permitidos.

Eventos:

  • focusIn: Acionado quando o campo recebe foco, indicando que o usuário interagiu com o campo.

  • focusOut: Disparado quando o campo perde o foco, indicando que o usuário encerrou a interação com o campo.

  • change: Este evento é acionado quando há uma alteração na seleção de um usuário. Pode ser usado para realizar ações específicas quando um usuário é selecionado.

Indicador

Descrição: Controle para indicar um estado específico, como status ou progresso.

Propriedades:

  • Label: Rótulo que descreve ou identifica o campo, oferecendo orientação visual.

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Campo: Associa o campo a um campo de dados do componente.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo.

  • Casas Decimais: Define a quantidade de casas decimais para o valor do indicador.

  • Esconder Valor: Determina de o valor do indicador está visível ou oculto na interface do usuário.

  • Imagem: Associa um Ícone ao indicador.

  • Prefixo: Texto para ser exibido à esquerda do valor do indicador.

  • Sufixo: Texto para ser exibido à direita do valor do indicador.

  • Rótulo do Botão: Rótulo para o botão de ação do indicador.

Eventos:

  • click: Este evento é acionado quando o usuário clica sobre o botão de ação do indicador. Pode ser usado por exemplo para abrir um formulário ou relatório com detalhes sobre o valor do indicador.

Botão

Descrição: Adiciona botões interativos ao formulário.

Propriedades:

  • Nome: Identificação única do campo. Usado para referenciar e distinguir o campo em scripts.

  • Texto: Descreve ou identifica o botão, oferecendo orientação visual.

  • Visível: Indica se o campo está visível ou oculto na interface do usuário.

  • Editável: Determina se o campo pode ser editado pelos usuários. Se definido como "true", o usuário pode modificar o valor, caso contrário, o campo é somente leitura.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o campo.

  • Altura: Especifica a altura do campo no formulário.

  • Tamanho Percentual: Permite ajustar a largura do campo no formulário.

  • Cor: Define a cor associada ao campo quando o valor da propriedade "Estilo(cor) do Botão" é igual a Custom.

  • Estilo(cor) do Botão: Permite definir a cor do botão para destacar visualmente sua finalidade. Essa propriedade proporciona uma abordagem visual intuitiva para diferenciar a função e importância dos botões no contexto da interface, melhorando a experiência do usuário. As opções incluem:

    • Primary: Indica uma ação principal ou primária.

    • Secondary: Utilizado para ações secundárias.

    • Error: Sinaliza ações relacionadas a erros.

    • Warning: Destaca ações de aviso ou precaução.

    • Info: Utilizado para ações informativas.

    • Success: Representa ações bem-sucedidas.

    • Custom: Oferece a opção de personalizar a cor do botão conforme a propriedade "Cor".

Eventos:

  • click: Este evento é acionado quando o usuário clica sobre o botão.

Seção

Descrição: Agrupa e organiza outros controles, permitindo uma estrutura mais clara e hierárquica.

Propriedades:

  • Label: Rótulo que descreve ou identifica a seção, oferecendo orientação visual.

  • Nome: Identificação única da seção. Usado para referenciar e distinguir a seção em scripts.

  • Visível: Indica se a seção está visível ou oculta na interface do usuário.

  • Colunas: Especifica o número de colunas na seção (de 1 a 3).

  • Largura das Colunas: Define percentualmente a largura das colunas da seção.

  • Mostrar Rótulo: Determina se o Label da seção será exibido.

Eventos:

  • tabSelected: Acionado quando a guia da seção é selecionada.

  • tabExit: Acionado ao sair da guia da seção.

Painel

Descrição: Agrupa e organiza outros controles, permitindo uma estrutura mais clara e hierárquica.

Propriedades:

  • Label: Rótulo que descreve ou identifica o painel, oferecendo orientação visual.

  • Nome: Identificação única do painel. Usado para referenciar e distinguir o painel em scripts.

  • Visível: Indica se o painel está visível ou oculto na interface do usuário.

  • Colunas: Especifica o número de colunas do painel (de 1 a 3).

  • Largura das Colunas: Define percentualmente a largura das colunas do painel.

  • Mostrar Rótulo: Determina se o Label do painel será exibido.

  • Link de Ajuda:

  • Cor: Define a cor associada ao painel.

Eventos:

  • Não possui eventos.

Controles Avançados

Anexos

Descrição: Possibilita a inclusão e visualização de arquivos anexados.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Adicionar Arquivo: Permite que os usuários façam upload de arquivos para o formulário.

  • Extensões permitidas: Define quais tipos de arquivos são aceitos, como .pdf, .docx, .jpg, etc., garantindo a segurança e a consistência dos dados.

  • Modelo de Carimbo: Especifica um modelo para carimbar documentos, útil para adicionar informações ou marcas de verificação.

  • Modelo de Protocolo: Define um formato padrão para o protocolo dos documentos, facilitando a organização e rastreabilidade.

  • Mostrar apenas documentos carimbados: Essa opção filtra para exibir apenas os documentos que já passaram pelo processo de carimbo.

  • Pasta: Determina a pasta de destino onde os arquivos anexados serão armazenados.

  • Permitir Assinar Documentos: Habilita a opção para que os usuários possam assinar digitalmente os documentos anexados.

  • Permitir Carimbar Documentos: Ativa a funcionalidade que permite aos usuários aplicar carimbos nos documentos.

  • Quantidade Máxima de Anexos: Limita o número de arquivos que podem ser anexados ao formulário.

Eventos:

  • fileUploaded: Este evento é disparado sempre que um arquivo é carregado com sucesso.

Tabela

Descrição: Permite a organização de dados em formato de tabela.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Componente: Define o componente a ser usado na tabela. A plataforma lista automaticamente todos os componentes que tenham um campo do tipo componente, associação (UM -> MUITOS (Simples) ou UM -> MUITOS (Mestre-Escravo)), onde o componente seja igual ao componente do formulário que está sendo customizado. Por exemplo, imagine dois componentes: 'Ordem de Serviço' e 'Itens da Ordem de Serviço'. No formulário do componente 'Ordem de Serviço' você precisa ter uma tabela com os 'Itens da Ordem de Serviço'. Basta que você crie um campo do tipo 'Componente (Ordem de Serviço), associação Mestre-Escravo' no componente 'Itens da Ordem de Serviço', que quando você adicionar a tabela no formulário do componente 'Ordem de Serviço' e clicar nessa propriedade já vai aparecer automaticamente o componente 'Itens da Ordem de Serviço' para você associar.

  • Domínio: Especifica o domínio de dados (Regra de Validação) para restringir os dados que serão listados na tabela.

  • Formulário Padrão: Determina o formulário padrão a ser usado para adicionar ou editar registros na tabela.

  • Mostrar Barra de Ferramentas: Ativa ou desativa a exibição da barra de ferramentas na tabela.

  • Mostrar Botão de Upload: Habilita um botão para upload de arquivos diretamente na tabela quando está associada ao componente pré-definido 'Arquivo (File)'.

  • Mostrar Filtros: Permite a exibição de filtros para facilitar a busca dos dados na tabela.

  • Mostrar Inserir: Ativa a opção de inserir novos registros do componente associado.

  • Mostrar Rótulo: Define se o valor da propriedade 'Rótulo' da tabela será exibido.

  • Ordenar por: Configura a coluna (campo do componente associado) para ordenação dos dados na tabela.

  • Pasta: Indica a pasta onde arquivos serão armazenados quando a tabela está associada ao componente pré-definido 'Arquivo (File)'.

  • Visão de Lista: Define quais colunas irão aparecer na tabela (campos do componente associado).

Eventos:

  • onChange: Evento disparado quando há uma alteração nos dados da tabela.

  • afterLoad: Executado após o carregamento completo dos dados na tabela.

Tabela Versionada

Descrição: Semelhante à tabela, mas mantém versões anteriores dos dados.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Campo: Associa o campo a um campo de dados do tipo componente com associação MUITOS -> MUITOS.

  • Configurações: Abre a tela de cadastro do campo de dados associado ao campo.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Consulta Pré Selecionada: Permite definir qual consulta será executada na tela que aparece quando clicamos no botão Adicionar.

  • Consulta de Valor Padrão: Permite definir qual é a consulta padrão para automaticamente associar registros à tabela.

  • Mostrar Barra de Ferramentas: Ativa ou desativa a exibição da barra de ferramentas na tabela.

  • Mostrar Filtros: Permite a exibição de filtros para facilitar a busca dos dados na tabela.

  • Mostrar Inserir: Ativa a opção de inserir novos registros do componente associado.

  • Mostrar Rótulo: Define se o valor da propriedade 'Rótulo' da tabela será exibido.

  • Mostrar Coluna de Seleção: Permite exibir a coluna para selecionar os registros da tabela.

  • Permitir Adicionar: Permitir adicionar registros que já foram previamente criados.

  • Visão de Lista: Define quais colunas irão aparecer na tabela (campos do componente associado).

Eventos:

  • onChange: Evento disparado quando há uma alteração nos dados da tabela.

  • afterLoad: Executado após o carregamento completo dos dados na tabela.

Tabela de Componentes

Descrição: Tabela para exibir a Lista de Itens de um componente.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Componente: Configura qual componente associado para que seus registros sejam exibidos na tabela.

  • Consulta Padrão: Configura qual a consulta do Componente para listar os registros.

  • Formulário Padrão: Determina o formulário padrão (do componente associado) a ser usado para adicionar ou editar registros.

  • Visão de Lista: Define quais colunas irão aparecer na tabela (campos do componente associado).

Eventos:

  • Não possui eventos.

Tabela Customizada

Descrição: Tabela personalizável para atender a requisitos específicos.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Ação 1 - Dica:

  • Ação 1 - Ícone:

  • Ação 2 - Dica:

  • Ação 2 - Ícone:

  • Ação 3 - Dica:

  • Ação 3 - Ícone:

  • Cartões por Linha:

  • Colunas Editáveis:

  • Habilitar Edição em Linha:

  • Largura Máxima das Colunas:

  • Mostrar Atualizar:

  • Mostrar Coluna de Seleção:

  • Mostrar Editar:

  • Mostrar Exportar:

  • Mostrar Inserir:

  • Mostrar Paginação:

  • Mostrar Pesquisa:

  • Mostrar Remover:

  • Mostrar Rótulo:

  • Mostrar os itens como Cartões:

  • Posição da ações:

  • Propriedade de Linha Editável:

  • Redimensionar Colunas:

  • Rótulo da Coluna de Ações:

Eventos:

  • onInsertClick:

  • onAction2Click:

  • onAction3Click:

  • onRefreshClick:

  • onApplyAllChanges:

  • onExportClick:

  • onAction1Click:

  • onCellEditClick:

  • onRemoveClick:

  • change:

  • click:

Timeline

Descrição: Exibe uma linha do tempo para acompanhar eventos ou alterações.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Componente: Define o componente a ser usado para exibir seus registros na timeline. Quando clicar nessa propriedade serão listados automaticamente todos os componentes que tenham um campo do tipo componente, associação (UM -> MUITOS (Simples) ou UM -> MUITOS (Mestre-Escravo)), onde o componente seja igual ao componente do formulário que está sendo customizado. Por exemplo, imagine dois componentes: 'Paciente' e 'Consultas'. No formulário do componente 'Paciente' você precisa ter uma timeline com as 'Consultas' do paciente. Basta que você crie um campo do tipo 'Componente (Paciente), associação Mestre-Escravo' no componente 'Consultas', que quando você adicionar a timeline no formulário do componente 'Paciente' e clicar nessa propriedade já vai aparecer automaticamente o componente 'Consultas' para você associar.

  • Campo Descrição: Campo do tipo Texto do componente associado que aparecerá na timeline. Exemplo: campo Motivo do componente Consulta.

  • Formulário Padrão: Determina o formulário padrão (do componente associado) a ser usado para adicionar ou editar registros na timeline.

  • Ordenar Por: Configura a coluna (campo do componente associado) para ordenação dos dados na tabela. Exemplo> Data da Consulta.

Eventos:

  • Não possui eventos.

Endereço

Descrição: Facilita a entrada e exibição de endereços.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Endereço: Campo destinado à rua, avenida ou via onde a pessoa ou empresa está localizada. É importante para identificar a localização exata.

  • Número: Espaço dedicado ao número do edifício, casa ou estrutura no endereço fornecido. Esse detalhe é crucial para a precisão do endereço.

  • Complemento: Campo opcional usado para informações adicionais sobre o endereço, como apartamento, bloco, andar, entre outros, que ajudam na localização precisa.

  • Bairro: Refere-se à região ou bairro onde o endereço está situado. Essencial para entender a área local e para processos de segmentação geográfica.

  • Cidade: Campo para inserir o nome da cidade, fundamental para a compreensão do contexto urbano ou regional do endereço.

  • Estado: Espaço destinado ao nome do estado ou província onde o endereço se encontra, importante para a categorização regional e para sistemas de entrega ou serviços.

  • País: Campo para indicar o país do endereço. Essencial para endereços internacionais e para sistemas que operam em múltiplos países.

  • CEP: Código Postal ou CEP (Código de Endereçamento Postal). É um elemento chave para a identificação e facilitação da localização e entrega.

Eventos:

  • Não possui eventos.

Histórico de Alterações de Campos

Descrição: Registra e exibe alterações realizadas nos campos do formulário.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

Eventos:

  • Não possui eventos.

HTML (iFrame)

Descrição: Incorpora conteúdo HTML, como dashboards de Power BI ou mapas do Google Maps, integrando-se a sistemas externos.

Propriedades:

  • Label: Rótulo que descreve ou identifica o controle, oferecendo orientação visual.

  • Nome: Identificação única do controle. Usado para referenciar e distinguir o controle em scripts.

  • Visível: Indica se o controle está visível ou oculto na interface do usuário.

  • Editável: Determina se o controle deve estar com os botões habilitados.

  • Dica: Fornece uma dica ou descrição adicional. É exibido quando o usuário passa o mouse sobre o controle.

  • Altura: Especifica a altura do controle no formulário.

  • Tamanho Percentual: Permite ajustar a largura do controle no formulário.

  • Cor: Define a cor associada ao controle.

  • Texto HTML: Esta propriedade permite que os desenvolvedores insiram ou editem código HTML diretamente. É aqui que você pode escrever ou colar o HTML que deseja exibir dentro de um iFrame criado pelo controle. Seja uma estrutura de página simples, formulários, gráficos, ou até mesmo conteúdo interativo, você tem a liberdade de personalizar completamente o que aparece na sua aplicação.

    • Personalização: Com esta propriedade, você pode estilizar o conteúdo usando CSS, integrar scripts JavaScript para interatividade e adicionar qualquer elemento HTML, desde texto básico a imagens e vídeos.

    • Integração de Conteúdo: Permite a incorporação de conteúdos externos ou de outras páginas web, desde que estejam em conformidade com as políticas de segurança e privacidade.

    • Flexibilidade: Ideal para casos em que componentes padrão da plataforma não são suficientes, oferecendo a possibilidade de criar interfaces de usuário complexas e customizadas.

    • Segurança: É importante garantir que o código HTML inserido seja seguro e livre de vulnerabilidades, especialmente se incluir scripts ou conteúdo externo.

Eventos:

  • Não possui eventos.

Cada controle oferece funcionalidades específicas, proporcionando flexibilidade na criação de formulários adaptados às necessidades do usuário.

Interface Intuitiva:

  • Desenvolva interfaces sem complicações, utilizando a interface intuitiva e arrastar e soltar do Construtor de Formulários.

Personalização Detalhada:

  • Ajuste cada controle de acordo com suas necessidades, garantindo uma personalização detalhada e alinhada com a lógica do seu aplicativo.

Documentação Abundante:

  • Explore a documentação completa para obter orientações detalhadas sobre a utilização de cada controle, facilitando o processo de construção.

O construtor de Formulários é a chave para criar interfaces dinâmicas e eficientes na plataforma Explore as possibilidades, experimente diferentes controles e crie formulários personalizados que atendam perfeitamente às suas necessidades.

Last updated