--- sourceDocument: Interface do usuário da Now Platform Yokohama sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface Release : - yokohama ft:locale : - pt-BR ft:publication_title : - Interface do usuário da Now Platform Yokohama ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Adicione componentes a uma página principal em Construtor de IU # Adicione componentes a uma página principal em Construtor de IU {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura Arraste e solte componentes no painel Fase para criar uma página principal. ## Antes de Iniciar Importante: O construtor descrito nesta página serve para criar e editar páginas principais em todos os espaços, exceto CSM. Para obter informações sobre o novo Construtor de IU que cria e edita todas as páginas no Espaço de CSM, consulte [Construtor de IU](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US). * Você deve ter [uma página principal foi criada](https://servicenow-prod.fluidtopics.net/mlj6uyNahjR29SiiphYrwA "Crie uma página principal personalizada para mostrar aos agentes as tarefas importantes que eles podem realizar."). * Função necessária: Workspace_admin ou ui_builder_admin {#add-components-to-landing-page__ul_nwc_mdj_gkb} ## Por Que e Quando Desempenhar Esta Tarefa Você adiciona componentes às páginas principais arrastando e soltando componentes do - Adicionar componente Tab para o painel Fase. ## Procedimento 1. Navegar até TudoExperiência de espaçoAdministraçãoTodos os espaços e clique em um espaço para abri-lo. 2. Se a página aberta não for editável, clique em aqui link, em Para editar este registro, clique aqui. 3. Clique em Abrir no Construtor de IU . 4. No painel Gestão de páginas, no Páginas , clique na página principal à qual você deseja adicionar componentes. 5. Clique em - Adicionar componente para abrir a lista de componentes que você pode adicionar à sua página principal. 6. Arraste um componente de cada vez do - Adicionar componente Tab para o painel Fase. Ao arrastar um componente, clique nele primeiro para selecioná-lo. Uma caixa aparece ao redor do componente quando ele é selecionado. Ao soltar componentes no painel Fase, certifique-se de apontar para um componente que já esteja na página principal. Os destaques aparecem onde você pode soltar o componente. Para obter mais informações sobre arrastar e soltar, consulte [tutorial](https://servicenow-prod.fluidtopics.net/E03CHi_xRDNcg9b~IpQAZg#drag-and-drop-tutorial "Saiba como usar o legado Construtor de IUpara criar uma página principal personalizada."). Você pode adicionar estes componentes: * Contêiner: Contêiner no qual você pode agrupar outros componentes, por exemplo, um cabeçalho e dois relatórios de visualização de dados. Para obter mais informações, consulte [Componente do contêiner em Construtor de IU](https://servicenow-prod.fluidtopics.net/_fZGzjZh~6luQLfIfPOztQ "Use um componente de contêiner em Construtor de IUpara agrupar outros componentes semelhantes, como vários componentes de visualização de dados. Você pode adicionar um título a um contêiner para ajudar os agentes a entender o motivo do agrupamento."). * Widget de relatório/PA - Análise de desempenho e. Emissão de relatóriosvisualizações. Esses valores podem ser atualizados periodicamente. Para obter mais informações, consulte [Componente de visualização de dados](https://developer.servicenow.com/dev.do#!/reference/now-experience/rome/now-components/data%20visualization/overview). * Imagem - Imagem. Para obter mais informações, consulte [Componente de imagem em Construtor de IU](https://servicenow-prod.fluidtopics.net/vtZd5hwqMdUtcgGd8JBePw "Adicione imagens à sua página principal com um componente de imagem."). * Rich text: Cadeia de caracteres para usar em qualquer lugar na página principal. Para obter mais informações, consulte [Componente Rich Text em Construtor de IU](https://servicenow-prod.fluidtopics.net/p5Xrf8aJ9k3muXvJfGF~aQ "Adicione texto à sua página principal com um componente de rich text para explicar partes da sua página principal, por exemplo, \"Enfregue esses incidentes de prioridade 1 primeiro\"."). * Visualização de dados: Novas visualizações de relatório e visualizações de relatórios e widgets existentes. Esses valores podem ser atualizados periodicamente. Para obter mais informações, consulte [Componente de contêiner no Construtor de IU](https://developer.servicenow.com/dev.do#!/reference/now-experience/sandiego/now-components/now-facade-container/overview). * Título: Cadeia de caracteres a ser usada como título de uma página principal. Para obter mais informações, consulte [Componente de título em Construtor de IU](https://servicenow-prod.fluidtopics.net/H9C88lagvL6J1WKPuoCmBg "Adicione um título à sua página principal usando um componente de cabeçalho."). * Lista - Lista de registros que vêm de uma única tabela. Para obter mais informações, consulte [Componente da lista em Construtor de IU](https://servicenow-prod.fluidtopics.net/bHIYElsAcDMcVs6eYwoxBQ "Use um componente de lista para adicionar listas à sua página principal."). {#add-components-to-landing-page__ul_vrw_b4s_tjb} 7. **Opcional:** Para remover um componente da sua página principal: 1. Clique no componente e clique no ícone de lixeira ( ![Ícone de lixeira]()) que aparece. 2. Confirme a exclusão clicando no ícone de marca de seleção ( ![Ícone Excluir componente]()Em Excluir elemento? janela pop-up. {#add-components-to-landing-page__substeps_zml_nps_tjb} 8. **Opcional:** Para mover um componente, clique nele, use o mouse para pegar o ícone de movimentação ( ![Capturar componente]()) e arraste o componente para um novo local. 9. Clique em cada componente no painel Fase e insira valores para as propriedades do componente que aparecem no painel Configuração. Para obter descrições das propriedades do componente, consulte [Referência de componente para Construtor de IU](https://servicenow-prod.fluidtopics.net/CGP2PzY7Jn95zCqcnhtslQ "As informações nas seções a seguir ajudam você a entender os parâmetros do componente s que são usados em Construtor de IU."). 10. Clique em Salvar. 11. Clique em Ativar quando você estiver pronto para usar a página principal.