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


---

# Formate um quadro

# Formate um quadro {#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

Os quadros fornecem uma maneira de gerenciar contêineres decorativos para blocos de conteúdo e quaisquer outros elementos no site. Por exemplo, um quadro pode ser um contêiner, feito de marcadores div ou span, que é estilizado com cantos arredondados.

## Antes de Iniciar

Função necessária: content_admin ou administrador

## Por Que e Quando Desempenhar Esta Tarefa

Os blocos de conteúdo individuais usam uma macro de IU de quadro para definir os quadros. Ao exibir um formulário de bloco de conteúdo, o. Quadro O campo oferece uma opção entre as diferentes macros de IU de quadro. No entanto, a macro de IU do quadro não tem a definição para o quadro em seu script Jelly. Em vez disso, ele faz referência a um quadro específico, conforme definido em uma folha de estilos.

A configuração de um novo quadro é um processo de duas etapas.

## Procedimento

1. Defina o quadro em uma folha de estilos.
2. Crie a macro de IU do quadro para invocar a definição do quadro.
* **[Defina um quadro em uma folha de estilos](https://servicenow-prod.fluidtopics.net/ser_myEEctyqYNeG8yX7Kg)**   
  Adicione definições de estilo para qualquer macro de IU de quadro personalizado que você criar.
* **[Crie uma macro de IU de quadro](https://servicenow-prod.fluidtopics.net/1tF~842_bpHwyRnMsfoatA)**   
  Copie uma macro de IU de quadro existente para exibir o conteúdo em um quadro personalizado.