--- 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 --- # Usando widgets do portal # Usando widgets do portal {#ariaid-title1} * Versão de lançamento: Yokohama * * Atualizado 30 de jan. de 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 4 min. de leitura Os widgets são o que definem o conteúdo das páginas do portal. Você pode usar os widgets do sistema base fornecidos com Portal de serviços, clone e modifique widgets ou desenvolva widgets personalizados para atender às suas próprias necessidades. Quando você cria ou atualiza uma página no Portal de serviçosDesigner, você adiciona widgets facilmente pesquisando no filtro de widget e arrastando um widget para a página. Você também pode acessar todos os registros de widget da plataforma em TudoPortal de serviçosWidgets. ## Widgets do sistema base {#service-portal-widgets__section_p2q_ysl_pwb} Você pode usar os widgets do sistema base incluídos com Portal de serviçospara começar a configurar páginas do portal. Os widgets do sistema base são somente leitura para que você possa se beneficiar de atualizações futuras. No entanto, para cada instância de um widget do sistema base que você adiciona a uma página, você pode configurar as opções de instância disponíveis para esse widget. Para obter uma lista de widgets do sistema base e informações sobre suas opções de instância, consulte [Biblioteca de widgets](https://servicenow-prod.fluidtopics.net/fr7vXXZN6waUVDvR9DbAog "Você pode usar widgets do sistema base como estão em seu Portal de serviçosou clone-os para atender às suas próprias necessidades de negócios."). ## Instâncias de widget {#service-portal-widgets__section_lwh_5ll_pwb} Quando você adiciona um widget a uma página usando o Designer do portal de serviços, ele cria uma instância de widget. Uma instância de widget é uma referência a um widget que contém um local, propriedades e CSS específicos para essa instância. Adicionar o mesmo widget várias vezes à mesma página cria várias instâncias. Todas as instâncias de widget apontam para um widget. Se você editar esse widget, todas as suas instâncias de widget também receberão essa mudança. Você também pode fazer mudanças específicas em uma instância de widget e somente essa instância de widget será afetada. Por exemplo, a imagem a seguir inclui quatro instâncias do sistema base [Widget de link de ícone](https://servicenow-prod.fluidtopics.net/diMmtb9CRGDGwpe0eRB1EQ "Link para qualquer outro item. Você pode usar este widget do sistema de base como está no portal ou cloná-lo para atender às suas próprias necessidades de negócios.")com diferentes configurações específicas para cada instância. Figura 1. Widgets de link de ícone Nota: Para widgets que não contêm nenhuma informação por padrão, você deve configurar as opções para suas instâncias de widget antes que elas apareçam em uma página do portal. ## Menu de contexto do widget {#service-portal-widgets__section_rnp_kb5_lwb} Em qualquer página do Portal de serviços renderizado, você pode clicar com a tecla CTRL pressionada e clicar com o botão direito do mouse em um widget para ver mais opções de configuração em um menu de contexto. Por exemplo, navegue até Portal de serviçosPágina inicial do Portal de serviços para abrir uma página do portal de amostra. Clique com o botão direito do mouse na Base de conhecimento nessa página. Figura 2. Menu de contexto do widget Nota: Você deve ter a função admin ou sp_admin para ver o menu de contexto do widget. Ao representar um usuário sem uma dessas funções, você ainda pode ver o menu. No entanto, um usuário regular conectado sem essas funções não pode ver o menu. {#service-portal-widgets__table_tll_jp2_5y__entry__2} | Opção | Descrição | |-|-| | Desempenho do widget | Quanto tempo leva para carregar um widget | | Opções de instância | Especifique um [instância de um widget](https://servicenow-prod.fluidtopics.net/8tij89_RJTq3l0hQT0HHMg "Crie instâncias exclusivas de widgets configurando as opções para cada instância."). As opções de instância de widgets variam dependendo do widget selecionado. Por exemplo, as opções de instância para o widget de relógio legal incluem fusos horários diferentes para cada instância, para que você possa ter o mesmo relógio quatro vezes em uma página, mas com todos os fusos horários diferentes. | | Instância no Editor de páginas | Abre essa instância do widget no Editor de páginas | | Designer de Páginas | Abre o widget no [Designer do portal de serviços](https://servicenow-prod.fluidtopics.net/~kshma2x9F7Fhhf4x7iYcw#t_ConfigureAPage "Crie ou edite uma página e use layouts para organizar as colunas que hospedam os widgets."), que permite adicionar contêineres, colunas e widgets. Você pode adicionar estilo do Designer do portal de serviços ao widget ou à página em que o widget reside. | | Exibir Personalizações de Widget | Mostra os níveis de personalização dos widgets na página para que você possa diagnosticar problemas na página. Para obter mais informações, consulte [Diagnóstico do widget](https://servicenow-prod.fluidtopics.net/zdgj8j3OZ~MveYrps~wHSw "Resolva os problemas da página Portal de serviços identificando os níveis de personalização do widget e verificando o código do widget diretamente em uma página do portal."). | | Editar Plano de Fundo do Contêiner | Edite o layout no qual o widget está localizado. | | Esquema de Opções de Widget | Defina as opções que você pode selecionar para uma instância de um widget. Para obter mais informações sobre como configurar suas próprias opções de instância, consulte [Esquema de opção de widget](https://servicenow-prod.fluidtopics.net/RaM0IqnQwGAg55uu_H1cQg#c_WidgetInstanceOptions "As instâncias de widget permitem que os usuários configurem exclusivamente cada widget que adicionam a uma página. Use o esquema de opção para definir os parâmetros do widget."). | | Widget no Pop-up do Formulário | Abre o formulário do widget em uma janela pop-up para que você possa fazer mudanças rápidas no widget. | | Widget no Editor | Abre o widget no Editor de widgets. Você pode usar o Editor de widgets para configurar modelos HTML, CSS, scripts de cliente, scripts de serviço e dados de demonstração para o widget. | | Log no console: Escopo.data | O objeto scope.data passa dados do servidor para o controlador do lado do cliente. Em vez de adicionar console.log mensagens ou alertas ao código do controlador, você pode registrar o objeto scope.data no console do navegador e exibir os dados lá. | | Log no console: Escopo | Semelhante ao objeto scope.data, exceto que ele registra tudo no escopo no console. | [Tabela 1. Opções do menu de contexto do widget] {#service-portal-widgets__table_tll_jp2_5y} ## Widgets personalizados {#service-portal-widgets__section_np5_zml_pwb} Os widgets do sistema base são somente leitura para que você possa se beneficiar de atualizações futuras. Para fazer mudanças, você pode clonar widgets do sistema de base. No entanto, os widgets clonados são considerados personalizados e não se beneficiam de atualizações futuras dos widgets dos quais foram clonados. Você também pode criar widgets do zero. Para saber mais sobre clonagem ou criação de widgets, consulte [Desenvolvendo widgets personalizados](https://servicenow-prod.fluidtopics.net/ZVQ9n1WExt4Ia7_pEVlJaQ "Desenvolva widgets personalizados para portais usando AngularJS, Bootstrap e o. ServiceNowAPI."). * **[Configure instâncias de widget](https://servicenow-prod.fluidtopics.net/8tij89_RJTq3l0hQT0HHMg)** Crie instâncias exclusivas de widgets configurando as opções para cada instância. * **[Biblioteca de widgets](https://servicenow-prod.fluidtopics.net/fr7vXXZN6waUVDvR9DbAog)** Você pode usar widgets do sistema base como estão em seu Portal de serviçosou clone-os para atender às suas próprias necessidades de negócios.