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

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama 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: Yokohama  
Updated January 30, 2025  
![](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=yokohama&pubname=yokohama-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/wDcHD07BF~Fovmd7qX094Q "Use the inlineTabExclusion UX page property to prevent tabs from appearing in the configurable side panel in CRM Workspace.")
* [Customize a record page](https://servicenow-prod.fluidtopics.net/mL7xa1_lQhMkLSO06_w2wQ "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/8_yY1zfAQhjgVAX3PuEw~A "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=yokohama&pubname=yokohama-application-development&ft:locale=en-US)

*[\>]: and then