---
sourceDocument: Xanadu Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/customer-service-management

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Customize tabs in the contextual side panel for a playbook page

# Customize tabs in the contextual side panel for a playbook page {#ariaid-title1}

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

Add customized tabs in the contextual side panel. Agents can use these tabs to view case information, add attachments, view recommendations, and perform other case-related actions.

## Before you begin

Role required: workspace_admin, ui_builder_admin, admin

## Procedure

1. Navigate to AllNow Experience FrameworkUI Builder.
2. On the UI Builder home page, select the Page collections tab.
3. Select the desired page collection.  
   A [page collection](https://www.servicenow.com/docs/access?context=page-collections&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US) is a group of pages that you can use in multiple experiences.
4. In the Pages and variants section, select the Create new page icon (+) to create a new page or add a variant to a page.
5. In the Set up your page details pop-up window, enter a name for the page and then select Continue.
6. Create a default page by entering a name for the variant and selecting Create.  
   The new page appears under the Pages and variants list.
7. Select the newly created page name.
8. Add a component to the page collection by selecting +Add component.  
   You can create a subpage that gets displayed in the contextual side panel.

## Result

The added component gets displayed on the UI. The location depends on where you want to create the custom content on the page.
**Related tasks**   

* [Configure tabs in the contextual side panel](https://servicenow-prod.fluidtopics.net/MZquqwttvF6Uwzv7Iv5HiQ "Use the inlineTabExclusion UX page property to prevent tabs from appearing in the configurable side panel in CSM Configurable Workspace.")
* [Customize a record page](https://servicenow-prod.fluidtopics.net/1MDJIWXruZHf2S3kOjkxtw "To customize a record page, you first create a variant, or copy, of the page and then make changes to the variant.")
* [Set record page order](https://servicenow-prod.fluidtopics.net/LGGOhBrsIJ~WE1qtGSWH8g "Set the order number of a record page and activate the record page to determine the default page for displaying records in CSM Configurable Workspace.")  
**Related topics**   

* 
* [Customize UI Builder pages using components](https://www.servicenow.com/docs/access?context=work-components&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US)

*[\>]: and then