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


---

# Defina a carga para um modal personalizado

# Defina a carga para um modal personalizado {#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

Defina seu botão de ação para abrir um modal personalizado definindo os parâmetros de carga.

## Antes de Iniciar

* [Crie uma ação de formulário](https://servicenow-prod.fluidtopics.net/Oe~pPhp_CEeXYhx62w~QDA "Adicione um botão de ação de formulário ao seu espaço configurável.")
* [Ative a Gestão de atendimento ao cliente](https://www.servicenow.com/docs/access?context=t_ActivateCustomerService&version=yokohama&pubname=yokohama-customer-service-management&ft:locale=en-US)
* Abra sua página de registro no UIB ou [Crie uma variante de página no UIB](https://www.servicenow.com/docs/access?context=create-variant&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)
* [Projete sua variante de página no UIB](https://servicenow-prod.fluidtopics.net/jUAYHl18aRZoezNO4oiHtQ#design-a-page-variant-in-uib "Configure uma variante de página do Construtor de IU para passar de um modal de espaço para a variante. Esta etapa atua como parte do processo para configurar um botão de ação para abrir um modal personalizado.")
* [Configure sua variante de página como um modal no UIB](https://servicenow-prod.fluidtopics.net/gk5wXxYupfMOGYddaUiKrw#configure-a-page-variant-as-a-modal-in-uib "Defina sua variante de página para aparecer como um modal usando as configurações do Construtor de IU. Estas etapas atuam como parte do processo para configurar um botão de ação para abrir um modal personalizado.")
* [Crie um mapeamento de evento de complemento de UX](https://servicenow-prod.fluidtopics.net/F~VziWpQYwEkJ3kYOeN~~Q#create-a-ux-add-on-event-mapping "Conete um botão a um modal usando o mapeamento de eventos de complemento de UX para que um botão de ação abra um modal personalizado.")
{#define-the-payload-for-a-custom-modal__ul_n5t_psm_d1c}

Função necessária: administrador

## Procedimento

1. No filtro de navegação, navegue até TudoAções declarativasAções de formulário.
2. Selecione a ação de formulário à qual você deseja adicionar o modal personalizado.
3. Abra o. Especifique a ação do cliente selecionando o ícone de visualização de registro ( ![ícone de visualização de registro]()) e. Abrir registro .
4. Marque o local da sua página inserindo o nome da ação da página como a chave de rota do Carga campo.
5. Passe variáveis do contexto atual inserindo os valores de tabela e SYSID no campos chave.  

        {
          "route": "action-name",
          "fields": {
            "table": "{{table}}",
            "sysId": "{{sysId}}"
          }
        }

6. Selecione Atualizar.
7. Abra um registro em seu espaço configurável.
8. Teste o botão selecionando-o.  
   Seu botão abre o modal personalizado.