Visão geral do designer de formulário controlado por modelo

O novo designer de formulário baseado em modelo fornece uma experiência moderna de criação WYSIWYG ao trabalhar com formulários baseados em modelo. Ele inclui várias melhorias não disponíveis no designer de formulário clássico baseado em modelo.

O designer mostra uma visualização WYSIWYG em tempo real (somente interface unificada) enquanto você cria um formulário. As alterações no formulário são refletidas instantaneamente na visualização, permitindo que você veja exatamente como o formulário será exibido aos usuários quando publicado. Um painel de propriedades sempre disponível torna a tarefa comum de atualizar propriedades rápida e fácil. As atualizações das propriedades também são refletidas instantaneamente na pré-visualização do formulário. O painel colunas com recursos de pesquisa e filtragem ajuda os criadores a localizar e adicionar rapidamente colunas ao formulário. O painel de componentes facilita a descoberta e o uso de componentes e fornece uma experiência avançada do usuário final. A exibição de árvore ajuda a visualizar a hierarquia das colunas e componentes do formulário e a localizar e selecionar rapidamente uma coluna ou componente específico no formulário.

A interface do designer de formulários tem as seguintes áreas:

1. Barra de comandos - Exibe as ações disponíveis, como Salvar, Publicar, Desfazer e Refazer.

2. Visualização de formulário – exibe uma visualização em tempo real do formulário, pois ele será exibido aos usuários quando publicado.

3. Painéis – Exibe painéis com funções específicas:

   • Painel colunas para adicionar colunas a um formulário.
   • Painel componentes para adicionar componentes a um formulário.
   • Modo de exibição de árvore para ver a hierarquia de componentes no formulário e selecioná-los.
   • O painel bibliotecas de formulários é onde as bibliotecas de formulários podem ser exibidas e adicionadas. Mais informações: Configurar manipuladores de eventos de formulário de aplicativo controlados por modelo

4. Painel de propriedades – Exibe as propriedades do elemento selecionado e também permite que você faça alterações.

5. Comutador de tamanho de visualização – altera o tamanho da visualização do formulário, ajudando você a ver como o formulário será exibido em vários tamanhos de tela.

6. Mostrar oculto – exibe colunas ocultas na área de visualização do formulário. Por padrão, essa opção está desativada e as colunas ocultas não aparecem na visualização do formulário e são visíveis apenas no painel de exibição de árvore. Quando habilitadas, as colunas ocultas são indicadas na área de visualização de formulário com o .

7. Controle deslizante de zoom - Amplia ou reduz a versão prévia do formulário, o que ajuda a olhar mais de perto.

8. Ajuste à largura – ação rápida para ajustar a visualização do formulário à largura disponível.

Próximas etapas

Como abrir o editor de formulários