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


---

# Configure uma variante de página como um modal no UIB

# Configure uma variante de página como um modal no UIB {#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 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.

## Antes de Iniciar

Execute as seguintes ações:

* [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-a-page-variant-as-a-modal-in-uib__ul_wlf_xnm_d1c}

Função necessária: administrador

## Procedimento

1. Abra sua variante de página.
2. Abra o. sys_ux_screen_typeselecionando o ícone de menu ( ![ícone de menu]()) e navegando até DesenvolvedorAbrir registro de coleção de variantes.
3. Selecione Rota do app UX Em Listas relacionadas e selecione sua variante de página.
4. Abra o Construtor de IU em uma nova guia do navegador e abra sua experiência de espaço configurável.
5. Encontre a página que você deseja que o modal apareça abrindo a visão geral dos registros da experiência e selecionando a página.
6. Selecione o ícone de menu ( ![ícone de menu]()) E navegue até Abrir definição de página.
7. Selecione Copie sys_id .
8. Retorne à guia do navegador com sys_ux_app_route.
9. Abra o valor legível por máquina da página em um modal de alerta do navegador selecionando duas vezes o. Macroponent primário e selecionando OK .
10. Defina a variante a ser exibida em um modal inserindo <kbd class="ph userinput">ModalContainerViewport </kbd>em ID do elemento de composição do macroponent primário campo.
11. Selecione Atualizar.