---
sourceDocument: Yokohama Gestão de serviços de TI
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/it-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Gestão de serviços de TI

ft:clusterId :

    - itsm

bundleId :

    - itsm

workflow :

    - Technology


---

# Como criar um cartão do Agendador de trabalhos usando o Next Experience Construtor de IU

# Como criar um cartão do Agendador de trabalhos usando o Next Experience 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) 1 min. de leitura

Crie um cartão do Agendador de trabalhos e adicione os componentes que você deseja exibir com base em suas necessidades na aplicação Agendador de trabalhos no espaço de trabalho do gerente.

## Antes de Iniciar

Função necessária: administrador, workspace_admin ou ui_builder_admin​

## Procedimento

1. Navegar até TudoEstrutura do Now ExperienceConstrutor de IU.
2. Na lista Minhas experiências, selecione Manager Workspace.
3. Selecione o ícone Páginas.
4. No menu Página, selecione Agendador de trabalhos.
5. No painel esquerdo, vá para Conteúdo e navegue até Corpo (flexível)Fila de trabalho (flexível)Barra lateral.
6. No painel direito, selecione o ícone ( ![Ícone Editar cartão]()) na subpágina Padrão dos cartões de item de trabalho.
7. No painel esquerdo, selecione Corpo (flexível)Viewport1.
8. No painel direito, selecione +Adicionar e insira um nome para o cartão.  
   O campo Caminho será preenchido automaticamente.
9. Selecione Criar.  
   Um novo cartão será criado.  
   Importante:  
   Depois de criar o cartão do Agendador de trabalhos, você deve selecionar o nome desse cartão no campo Rota do aplicativo de UX na configuração de trabalho que você criou. Para obter informações sobre como definir uma configuração de trabalho, consulte [Como definir uma configuração de trabalho](https://servicenow-prod.fluidtopics.net/u9lNgv7XTgRlPUZyjM~b1A "Crie uma configuração de trabalho para um item de trabalho. Adicione filtros que exibam informações importantes para o gerente analisar. Essa configuração de trabalho determinará como os itens de trabalho serão exibidos no calendário do Agendador de trabalhos no espaço de trabalho do gerente.").
10. Selecione Concluído.  
    Siga as etapas indicadas nos tópicos abaixo, na sequência informada, para personalizar o Agendador de trabalhos.
{#create-workscheduler-card-wfo-itsm__steps_qpn_zcr_3tb}
1. [Como criar um parâmetro de estado do cliente para o Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/4bSZRFEs25CyxapRTxm3ZA)  
   Inclua valores personalizados de parâmetro de estado do cliente para adicionar propriedades aos componentes do cartão.
2. [Como criar scripts de página do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/G9R70Pj9VMvZY6HqAtpxTA)  
   Adicione scripts de página personalizados ao Agendador de trabalhos para que você possa atualizar o estado do cliente por meio de eventos ou atualizar o objeto transform workItem para propriedades.
3. [Como definir a propriedade workItem na configuração de páginas do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/F_dNpNSFcm4YEOC~7nZSZw)  
   Adicione a propriedade workItem à configuração de páginas do Agendador de trabalhos para receber o objeto workItem fornecido pela fila de trabalho.
4. [Como definir mapeamentos de evento do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/PiV52WmJDPunaOu9Kf7pAQ)  
   Adicione os mapeamentos de evento necessários para as interações de cartão e para a transformação de propriedades do cartão às configurações de páginas do Agendador de trabalhos.
5. [Como configurar componentes de contêiner do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/TlmkPxg7UkcOiQ7RC1SUDA)  
   Apresente informações em um formato intuitivo usando o componente Contêiner de base do cartão.
6. [Como configurar um componente de título de cartão do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/uQO9Vxd5X6WsZ4iG3E6nlg)  
   Personalize o componente de título do Agendador de trabalhos para exibir o título com base em suas necessidades.
7. [Como configurar um componente de tipo de exibição de um cartão do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/AHlPVvHnufBTTaB4jTQhxw)  
   Adicione os campos do item de trabalho de exibição Label value stacked no cartão.
8. [Como configurar um componente de avatar do Agendador de trabalhos](https://servicenow-prod.fluidtopics.net/0BOWMb0BTCcAybajELlAHQ)  
   Use o componente Container para adicionar um avatar e o nome de usuário do responsável pelo item de trabalho.
9. [Como associar um cartão do Agendador de trabalhos à configuração de trabalho](https://servicenow-prod.fluidtopics.net/wtbTj3NCobT3_AsuG8ZRbA)  
   Associe o cartão do Agendador de trabalhos que você criou à configuração de trabalho para exibir o cartão na barra lateral do Agendador de trabalhos.

**Tópicos relacionados**   

* [Como criar uma página no Construtor de IU](https://www.servicenow.com/docs/access?context=create-page&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)