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

O novo designer de formulários orientado por modelo oferece uma experiência moderna de criação WYSIWYG quando você trabalha com formulários controlados por modelo. Ele inclui várias melhorias não disponíveis no designer de formulário controlado por modelo clássico.

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 aparecerá para os 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 de colunas com recursos de pesquisa e filtragem ajuda os criadores a localizar e adicionar colunas rapidamente ao formulário. O painel de componentes facilita a descoberta e o uso de componentes e fornece uma experiência rica ao usuário final. O modo de exibição em á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 – Apresenta ações disponíveis, tais como Guardar, Publicar, Anular e Refazer.

2. Visualização do formulário – Exibe uma visualização em tempo real do formulário como ele aparecerá para os usuários quando publicado.

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

   • Painel de colunas para adicionar colunas a um formulário.
   • Painel de 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 visualizadas e adicionadas. Para obter 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. Seletor de tamanho de visualização - Altera o tamanho da visualização do formulário, ajudando você a ver como o formulário aparecerá 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 é desativada e as colunas ocultas não aparecem na visualização do formulário e ficam visíveis apenas no painel de exibição em árvore. Quando habilitada, as colunas ocultas são indicadas na área de visualização do formulário com .

7. Controle deslizante de zoom - Aumenta ou diminui o zoom da visualização do formulário, ajudando você a dar uma olhada mais de perto.

8. Ajustar à largura - Ação rápida para ajustar a pré-visualização do formulário à largura disponível.

Próximos passos

Como abrir o editor de formulários