---
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


---

# Crie uma dependência de widget

# Crie uma dependência de widget {#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

No Portal de serviços, você pode vincular arquivos JavaScript e CSS a widgets para criar dependências entre widgets e bibliotecas de terceiros, folhas de estilo externas e módulos Angular.

## Antes de Iniciar

Função necessária: sp_admin ou administrador

## Por Que e Quando Desempenhar Esta Tarefa

As dependências são carregadas de forma assíncrona do servidor quando necessário.

Os widgets podem ter quantas dependências forem necessárias. No entanto, quanto mais você adicionar, mais conteúdo um widget precisa baixar para renderizar na página. Mantenha as dependências o menor possível para tempos de carregamento mais eficientes.

## Procedimento

1. Crie um pacote de dependência.  
   Um pacote de dependência é uma coleção de arquivos JavaScript e CSS que podem ser conetados a um widget.
   1. Navegar até Portal de serviçosDependências.
   2. No registro de dependência, defina os seguintes campos.  
      {#widget-dependencies__table_mzc_jdl_3w__entry__2}

      | Campo | Descrição |
      |-|-|
      | Nome | O nome da sua dependência. (Útil para selecionar uma dependência em uma lista suspensa.) |
      | Aplicação | Escopo da aplicação para o registro de dependência. |
      | Incluir no carregamento de página | Selecione se você deseja que sua dependência seja carregada na página no carregamento inicial da página do Portal de serviços ou deixe desmarcado para carregar a dependência somente quando o widget vinculado for carregado em uma página. |
      | Nome do módulo angular | Opcional. Defina o valor se o JavaScript vinculado for um módulo angular. Forneça o nome do módulo Angular que está sendo carregado para que ele possa ser injetado na aplicação Angular do portal de serviços. |
      [ ]

      {#widget-dependencies__table_mzc_jdl_3w}
   {#widget-dependencies__substeps_sp3_vwd_k1b}
2. Adicione arquivos ao pacote de dependência.  
   Depois de salvar as informações do seu pacote de dependência, use as listas relacionadas para adicionar arquivos de inclusão JS e CSS. Para cada lista relacionada, inclua as seguintes informações:  
   {#widget-dependencies__table_sjx_vgl_3w__entry__2}

   | Campo | Descrição |
   |-|-|
   | Nome de exibição | Nome da inclusão de script. |
   | Origem | Se você adicionar uma inclusão JS ou CSS, selecione uma destas opções na lista: * URL * Script de IU (para inclusão de JS) ou Folha de estilos (para inclusão de CSS) {#widget-dependencies__ul_mdx_dcm_3w} Para uma inclusão de JS, use o campo Script de IU para fazer referência a um script de IU encontrado em IU do SistemaScripts da IU. Para a inclusão de CSS, use o campo Folha de estilos para fazer referência a um registro no `sp_css `tabela. |
   [ ]

   {#widget-dependencies__table_sjx_vgl_3w}
3. Adicione um pacote de dependência a um widget.  
   Depois de criar um pacote de dependência e adicionar arquivos, crie um relacionamento entre a dependência e um widget.
   1. Navegar até Portal de serviçosWidgets e encontre o registro do widget ao qual você deseja adicionar a dependência.
   2. Na lista relacionada Dependências, clique em Editar .
   3. No slushbucket, encontre a dependência que você criou e clique duas vezes para adicioná-la à coluna Itens selecionados à direita.
   4. Salve a página para retornar ao registro do widget.
{#widget-dependencies__steps_utm_swd_k1b}
* **[Inclua um ícone de fonte em um único widget](https://servicenow-prod.fluidtopics.net/KYVhodM~yfZleYsCQLfshw)**   
  Se você quiser que apenas um widget tenha acesso a um ícone de fonte, inclua o ícone de fonte em um único widget.
* **[Incluir ícones de fonte como uma dependência de widget](https://servicenow-prod.fluidtopics.net/5NDKVMhpJaBhcYzL1T08pQ)**   
  Você pode incluir ícones de fonte sempre que um widget for carregado, incluindo-os como uma dependência de widget.