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


---

# Define a frame in a style sheet

# Define a frame in a style sheet {#ariaid-title1}

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

Add style definitions for any custom frame UI macro you create.

## Before you begin

Role required: content_admin or admin

## About this task

Each frame has its own class name.

## Procedure

1. Navigate to AllContent ManagementDesignStyle Sheets.
2. Select a style sheet to contain the frame definition.  
   Base system themes use a separate Frames style sheet.
3. Add the following code, substituting the desired frame name and style:  

       div.FRAMENAME{border:STYLE;}

4. Click Update.

*[\>]: and then