---
sourceDocument: Xanadu ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Format a frame

# Format a frame {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Frames provide a way to manage decorative containers for content blocks and any other
elements within the site. For example, one frame can be a container, made of div or span
tags, that is styled with rounded corners.

## Before you begin

Role required: content_admin or admin

## About this task

Individual content blocks use a frame UI macro to define the frames. When viewing a
content block form, the Frame field offers a choice between
the different frame UI macros. The frame UI macro does not, however, have the
definition for the frame within its Jelly script. Instead, it references a
particular frame as defined in a style sheet.

Configuring a new frame is a two-step process.

## Procedure

1. Define the frame in a style sheet.
2. Create the frame UI macro to invoke the frame definition.
* **[Define a frame in a style sheet](https://www.servicenow.com/docs/6lcwJbQoe7D4jdxrU8ttxg)**   
  Add style definitions for any custom frame UI macro you create.
* **[Create a frame UI macro](https://www.servicenow.com/docs/hmF~YYsrN8jrPs2fo73wSQ)**   
  Copy an existing frame UI macro to display content in a custom frame.