Recursos
O que seus usuários recebem
Um designer para pessoas que não são desenvolvedoras e um formulário que se comporta exatamente como um escrito em código.
Caixa de ferramentas e tela
A caixa de ferramentas agrupa os campos em Básicos, Escolhas, Avançados e Layout. Arraste um campo para a tela, ou pressione Enter para adicioná-lo após a seleção. A tela é uma grade de 12 colunas com a aparência real dos controles: defina uma largura de 3, 4, 6, 8, 9 ou 12 colunas, mova um campo arrastando-o ou com Alt+Seta para cima e Alt+Seta para baixo, duplique-o ou exclua-o. Desfazer e Refazer funcionam com Ctrl+Z e Ctrl+Y.
Inspetor
A guia Campo define o rótulo, um nome gerado a partir do rótulo e mantido único, o texto de exemplo, o texto de ajuda, o valor padrão, obrigatório, somente leitura, as opções uma por linha, mínimo e máximo, linhas e a máscara de entrada. A guia Formulário define o título, a descrição, um layout vertical ou horizontal, o texto de envio e o botão de redefinir.
Regras de validação
Cada campo aceita uma lista de regras: tamanho, intervalo, padrão, e-mail e personalizada, cada uma com sua própria mensagem de erro. São as regras de TsgcHTMLComponent_Form, portanto o formulário publicado valida no navegador, com LiveValidation enquanto o usuário digita, e novamente no servidor com Validate.
Campos condicionais
Mostre um campo somente enquanto um campo anterior for igual a um valor, for diferente, o contiver, estiver vazio ou não vazio, ou for maior ou menor que um número. O navegador e o servidor aplicam as mesmas regras: um campo oculto não é enviado, um campo obrigatório oculto por sua condição nunca falha, e um campo que depende de um campo oculto também fica oculto.
18 tipos de campo
Texto, e-mail, senha, número, textarea, select, radio, checkbox, switch, data, hora, cor, intervalo, arquivo e oculto, além de título, parágrafo e divisor para organizar o formulário. FieldTypes define quais deles a caixa de ferramentas oferece.
Visualização e JSON
Visualização renderiza o design no servidor como um formulário real com a aparência do vinculado, de modo que sua validação, máscaras e condições funcionam, e o envio nunca posta nada. A exibição JSON mostra a definição para ver, copiar, editar e aplicar. ShowPreview e ShowJSON ativam ou desativam as exibições.
Modelos
Modelos contém uma linha Caption=JSON por modelo, e a barra de ferramentas os oferece para iniciar um novo formulário. Novo formulário pergunta antes de descartar as alterações não salvas, e sair da página com alterações não salvas também avisa.
Acessibilidade
Todas as ações funcionam pelo teclado. A caixa de ferramentas e a tela são listboxes WAI-ARIA, e uma região live educada anuncia os campos adicionados, excluídos, movidos e salvos, e os erros. O builder segue o tema da página (data-bs-theme), espelha-se sob dir="rtl" e respeita a redução de movimento.