---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/application-development

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Extend your UI experience with viewport components

# Extend your UI experience with viewport components {#ariaid-title1}

* Versão de lançamento: Australia
* 
* Atualizado 12 de mar. de 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Viewports are specialized components that enable you to extend your experience without
needing to own the parent page in UI Builder. You can work with viewports
in three ways. You can add a viewport component or a viewport-enabled tab to a page, or add a
viewport to the Contextual sidebar component.

Add a viewport component to your page to create separate content even if you do not own the
content of the page itself. Create subpages, specify audiences, or customize content with
different data, routes, and screens. For more information about viewport components, see [Add a viewport component to your page](https://servicenow-prod.fluidtopics.net/jVOHUMx~96VA8RIBaXoFkw "Add a viewport component to your page and create a subpage to create separate content on the page.").

You can replace Tabs components with Viewport-enabled tabs as a way to display third-party
custom data, assign audiences, and create variants. For more information about viewport-enabled
tabs, see [Replace a tab with a viewport-enabled tab](https://servicenow-prod.fluidtopics.net/VS7C5HXK8RNiFijr8RrFOA "Convert a tab on a page to a viewport-enabled tab. Use viewport-enabled tabs to display third-party custom data, assign audiences, and create variants.").

Use the Edit content mode of UI Builder to add
viewports or tab sets to a page or Contextual sidebar component. Edit tabs in a Contextual
sidebar component as you would on a page using the Config panel. The
main difference is, when you are in the Edit content mode of a tab, the
page management area changes to Tab management.

Select the menu icon ![Menu icon]() to edit your tab settings, or change the required or optional parameters.

Add viewport modals to your experience to embed subpages or other experiences within a modal in
your parent page/experience. For more information about adding viewport modals to your
experience, see [Add a viewport modal to your experience](https://servicenow-prod.fluidtopics.net/BaV1tjlpMFfsWHr~woRPkw "Add a viewport within a modal in your experience.").
* **[Add a viewport component to your page](https://servicenow-prod.fluidtopics.net/jVOHUMx~96VA8RIBaXoFkw)**   
  Add a viewport component to your page and create a subpage to create separate content on the page.
* **[Add a viewport modal to your experience](https://servicenow-prod.fluidtopics.net/BaV1tjlpMFfsWHr~woRPkw)**   
  Add a viewport within a modal in your experience.
* **[Replace a tab with a viewport-enabled tab](https://servicenow-prod.fluidtopics.net/VS7C5HXK8RNiFijr8RrFOA)**   
  Convert a tab on a page to a viewport-enabled tab. Use viewport-enabled tabs to display third-party custom data, assign audiences, and create variants.