--- sourceDocument: Yokohama Administração da Now Platform sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-administration Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Yokohama Administração da Now Platform ft:clusterId : - platadm bundleId : - platadm workflow : - Platform --- # Usando o designer de formulário # Usando o designer de formulário {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 min. de leitura Administradores ou usuários com a função personalize_form podem usar o recurso design de formulário para criar rapidamente novas exibições de formulário ou alterar as existentes. Importante: Tente configurar seus formulários com Form Builderem vez disso. Form BuilderTem todas as opções Designer de formulário e Layout de formulário. Ele também tem outros recursos robustos que ajudam você a configurar cada aspecto do formulário. Para obter mais informações, consulte [Accessing Form Builder](https://www.servicenow.com/docs/access?context=access-form-builder&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US). Com o design de formulário, você pode realizar as mesmas tarefas que pode com o layout de formulário em uma ferramenta gráfica chamada designer de formulário. Você também pode acessar as propriedades do campo e adicionar informações de macros ou elementos de IU com script anteriormente. O design de formulário é uma alternativa à configuração de formulários que combina várias opções de configuração em uma ferramenta.Por padrão, ele está disponível para novas instâncias e requer IU principal . Os administradores que fazem upgrade de uma versão anterior devem ativar o plug-in Designer de formulário (com.glide.ui.ng.fd) para usar o recurso. Acesse o Designer de formulário abrindo um formulário existente e selecionando o ícone Ações adicionais ( ![Ícone de ações adicionais]()) e, em seguida, navegando até ConfigurarDesign de formulário. Figura 1. Acessando o Designer de formulário a partir de um formulário existente Figura 2. Partes da interface de design do formulário de IU O cabeçalho da página : O cabeçalho da página exibe a tabela atual e a exibição que está sendo projetada. Cada formulário está vinculado a uma combinação exclusiva de tabela e exibição. Por exemplo, só pode haver um formulário para a exibição padrão da tabela de incidentes. Selecione uma exibição diferente para modificar layouts de formulário diferentes para uma tabela. O navegador de campo : O navegador de campos permite gerenciar campos no formulário. Ele contém os seguintes elementos: * Filtro : Permite a pesquisa de texto na guia selecionada no momento. * Campos : Exibe uma lista de campos existentes que você pode adicionar ao formulário atual. * Tipos de campo : Exibe uma lista de tipos de campo que você pode adicionar ao formulário atual. A adição de um tipo de campo ao layout do formulário cria campos na tabela selecionada quando o layout do formulário é salvo. {#c_FormDesign__ul_t2q_l2w_51b} As propriedades do campo são acessadas clicando no ícone de engrenagem que aparece quando você aponta para um campo no layout do formulário. Layout do formulário : O layout do formulário exibe uma célula separada para cada campo, seção, anotação, elemento de IU e lista relacionada que está no formulário. Cada célula tem um rótulo de identificação e um ícone de identificador para ajudar a selecioná-la e movê-la. O local da célula no layout do formulário representa sua posição relativa no formulário. Apenas os campos visíveis no layout do formulário são exibidos em um formulário. Figura 3. Layout do formulário ## Mostrar ou ocultar campos com o designer de formulário {#ariaid-title2} Você pode mover campos de e para o espaço de formulário para exibir os campos no formulário. ### Antes de Iniciar Função necessária: personalize_form ### Por Que e Quando Desempenhar Esta Tarefa Use o filtro para encontrar campos rapidamente no navegador de campos. ### Procedimento 1. Navegue até o designer de formulário. 2. Na lista de campos em Navegador de campos , selecione o campo que você deseja exibir na lista de campos disponíveis. 3. Arraste o campo para o layout do formulário. 4. Arraste o campo para o local em que você deseja que ele esteja no formulário. 5. Para remover um campo do layout do formulário, selecione o campo e clique em Remova este campo (X) ao lado do rótulo do campo. 6. Clique em Salvar. ## Adicione uma anotação de formulário com o designer de formulário {#ariaid-title3} Use anotações para fornecer instruções ou informações adicionais sobre campos em um formulário. ### Antes de Iniciar Função necessária: personalize_form ### Procedimento 1. Navegue até o designer de formulário. 2. Clique em Tipos de campo . 3. Selecione Anotações tipo de campo. 4. Arraste a anotação para o local apropriado no formulário. 5. Aponte para Anotações E clique no ícone de engrenagem para abrir a caixa de diálogo Propriedades. 6. Na caixa de diálogo Propriedades, insira um valor para Texto da anotação . Você pode usar marcadores HTML para formatar o texto da anotação. 7. Clique em Salvar. ## Adicione uma nova seção com o designer de formulário {#ariaid-title4} Mova seções de e para o layout do formulário para exibir ou remover as seções no formulário. ### Antes de Iniciar Função necessária: personalize_form ### Por Que e Quando Desempenhar Esta Tarefa As seções podem ter um layout de uma ou duas colunas. Por padrão, a primeira seção em um formulário é sempre uma seção somente leitura que exibe o rótulo da tabela. Você não pode remover esta seção. ### Procedimento 1. Navegue até o designer de formulário. 2. Selecione uma seção existente. 3. Clique no botão ao lado do rótulo da seção para adicionar uma seção. 4. Insira um rótulo para a seção. 5. Arraste as seções para reordená-las. O rótulo da primeira seção no designer de formulário é exibido como o título do formulário. 6. Para excluir uma seção, clique no botão (x) ao lado do rótulo da seção. 7. Clique em Salvar. O GIF a seguir mostra como você usaria o designer de formulário para adicionar e excluir uma seção de formulário. ## Adicione um formatador com o designer de formulário {#ariaid-title5} Use formatadores para adicionar informações de macros ou elementos de IU com script anteriormente a um formulário. ### Por Que e Quando Desempenhar Esta Tarefa Os formatadores são usados para adicionar informações de macros ou elementos de IU com script anteriormente a um formulário. ### Procedimento 1. Navegue até o designer de formulário. 2. Clique em Campos . 3. No filtro, insira a cadeia de caracteres Formato . 4. Selecione o formatador que você deseja adicionar ao formulário. 5. Arraste o formatador para o local em que você deseja que ele esteja no formulário. 6. Clique em Salvar. ## Adicione um novo campo com o designer de formulário {#ariaid-title6} Você pode adicionar um campo a um formulário e à tabela associada. ### Antes de Iniciar Função necessária: personalize_form ### Por Que e Quando Desempenhar Esta Tarefa A adição de um campo cria uma entrada de dicionário para a nova coluna na tabela atual. Você pode criar uma tabela personalizada e usar o designer de formulário para adicionar campos ao formulário. Use o filtro para encontrar rapidamente tipos de campo no navegador de campos. ### Procedimento 1. Navegue até o designer de formulário. 2. Clique em Tipos de campo . 3. Selecione a célula para o tipo de campo a ser criado. 4. Arraste o tipo de campo para o local em que você deseja que ele esteja no formulário. 5. Insira um rótulo para o campo. 6. **Opcional:** Aponte para um campo na área de design do formulário e clique no ícone de engrenagem para acessar as propriedades. 7. Clique em Salvar.