Tópico anterior: Atributos de formulárioPróximo tópico: Atributos HTML e JavaScript para elementos


Como adicionar, mover e excluir elementos

A um formulário novo ou existente, é possível adicionar e configurar elementos, como campos de texto, áreas de texto com caixas de seleção ou botões de opção, e assim por diante. É possível adicionar e configurar elementos ao criar e personalizar formulários.

Para adicionar e configurar elementos em um formulário, siga este processo:

  1. Na Árvore de componentes (painel esquerdo do Designer de formulários), verifique se a pasta Componente, Sistema está expandida, e se o elemento que deseja adicionar aparece na exibição de árvore sob a pasta Sistema.

    Por exemplo, se desejar adicionar um campo de texto, verifique se a pasta Sistema (sob a pasta Componentes) é exibida e está expandida para mostrar a opção Campo de texto. Da mesma forma, se desejar adicionar uma caixa de seleção e suas opções, verifique se a pasta Grupo de botões de opção (sob a pasta Sistema) é exibida e está expandida para mostrar a opção Botão de opção.

  2. Verifique se o formulário ao qual você deseja adicionar o elemento já existe. Se necessário, crie um formulário.
  3. Expanda a pasta Formulários, Meus formulários, e desça até o formulário ao qual deseja adicionar o elemento.
  4. Verifique se o elemento que você deseja adicionar e o formulário pretendido estão visíveis na exibição de árvore ao mesmo tempo.
  5. Clique no elemento, por exemplo, Campo de texto, arraste-o e solte-o no formulário pretendido.

    Por exemplo, se o formulário pretendido se chamar Opções de modelo, clique em Campo de texto, arraste-o para Opções de modelo e solte-o ali, todos na mesma árvore.

    Ao clicar e arrastar um elemento, um círculo com uma marca e a mensagem "1 objeto selecionado" aparecem ao lado do cursor.

    Ao arrastar o mouse, quando o elemento arrastado está sobre um formulário ou elemento de formulário existente no qual ele pode ser solto, o círculo com marca fica verde e o cursor muda para um formato de mão. Ao contrário, o círculo com marca fica vermelho quando elemento arrastado não está sobre um formulário ou elemento de formulário no qual ele possa ser solto.

  6. Libere o mouse para soltar o elemento no formulário ou no elemento de formulário. Ao soltá-lo, o círculo com marca deve ficar verde. Caso contrário, o elemento não será adicionado.

    Da mesma forma, o elemento não será adicionado se a ação tentada violar uma regra. Exemplos incluem tentar soltar uma opção de seleção em um grupo de botões de opção ou soltar um grupo de seleção em outro grupo de seleção.

  7. Especifique os atributos HTML obrigatórios para o novo elemento, e clique em Salvar.

    Os atributos HTML obrigatórios para cada elemento aparecem em negrito.

    Observação: as tentativas de executar uma ação diferente antes de salvar esse elemento falharão. Por exemplo, as tentativas de arrastar e soltar um novo elemento antes de salvar este elemento falharão.

  8. Verifique o formulário na Área de visualização (painel do meio) para verificar se o elemento foi adicionado ao formulário como pretendido. Se não foi, reorganize os elementos ou exclua o novo elemento e tente adicioná-lo novamente.
  9. Especifique os atributos HTML opcionais (se houver) que deseja para o novo elemento e clique em Salvar.
  10. Por padrão, os componentes estão organizados em uma coluna. Para configurar o formulário para usar duas colunas, faça o seguinte:
    1. Arraste o Layout de coluna da pasta Sistema e solte-o em um formulário desejado.
    2. Quando você solta esse layout, a árvore é atualizada automaticamente com o Layout de coluna e seus dois filhos, Coluna 1 e a Coluna 2.
    3. Clique no ícone ao lado do Layout de coluna para exibir as duas colunas, que se chamam Coluna 1 e Coluna 2.
    4. Arraste e solte outros elementos, como campos de texto, grupos de botões de opção e caixas de seleção, na Coluna 1 e na Coluna 2, a fim de obter o layout desejado.

    Observação: quando o Layout de coluna ou uma Coluna é destacado, as áreas correspondentes na Área de visualização do formulário podem ficar cinzas e desativadas, e os elementos dentro da coluna podem ficar destacados com borda vermelha.

  11. Especifique os atributos JavaScript (se houver) que deseja para o novo elemento e clique em Salvar.
  12. Para especificar um nome significativo para o novo elemento, faça o seguinte:
    1. Selecione o novo elemento na Árvore de componentes e clique no botão Renomear, no alto dela.

      Observação: verifique se o novo elemento (como Área de texto ou Grupo de rádios) foi selecionado no seu formulário na Árvore de componentes; cuidado para não selecionar um elemento com o mesmo nome na pasta Sistema da Árvore de componentes.

      A caixa de diálogo Nome é exibida.

    2. Insira o novo nome e clique em OK.

    Por exemplo, em um formulário chamado Formulário de pedido de unidade de armazenamento externa, é possível arrastar e soltar um grupo de rádios e alterar seu nome do padrão (Grupo de rádios) para Capacidade em GB. Depois, é possível arrastar e soltar três botões de opção naquele grupo de rádios e alterar seus nomes do padrão (Grupo de rádios) para Pequena (50), Média (100) e Grande (150), respectivamente.

    Observação: quando um novo elemento é criado, dois-pontos (:) são incluídos automaticamente no final do nome. Os dois-pontos não são exibidos na caixa de diálogo Nome ao renomear o elemento. No entanto, eles são exibidos na Área de exibição depois que você clicar em OK para fechar a caixa de diálogo. Certifique-se de não digitar dois-pontos adicionais na caixa de diálogo Nome; caso contrário, o elemento terá dois dois-pontos após seu nome na Área de exibição.

  13. Verifique se o novo elemento aparece e funciona conforme esperado. Se necessário, refine os atributos para obter a aparência e a função desejadas.
  14. Repita as etapas anteriores para cada elemento que deseja adicionar.
  15. Como opção, mova um ou mais elementos no formulário arrastando-os e soltando-os em um local diferente do formulário, por exemplo, depois de um elemento que eles precederam anteriormente.
  16. Outra opção é excluir elementos que você não deseja mais no formulário, selecionando-os e clicando em Remover.