---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/platform-user-interface

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Compare versions of a widget related record

# Compare versions of a widget related record {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Compare an Angular Provider or ng-template against its previous version so that you check if your most recent code changes are causing issues on a portal page.

## Before you begin

Role required: admin or sp_admin

## About this task

Your widget may be using potentially problematic code from any of the following records:

* Widget Dependencies
* Angular Providers
* Angular ng-templates

{#compare-related-record-changes__ul_nky_vv4_gjb}

You can compare versions for these related records directly from your portal
page to check code changes for each related record.  
Note:  
There's no option to compare versions for Widget Dependency records. Also, there's no option to compare versions for related records that you created. You can only compare versions of a base system record that you modified.

## Procedure

1. Navigate to a portal page.
2. On the page, open the widget context menu by CTRL+right-clicking any widget.
3. On the widget context menu, click Show Widget Customizations.  
   Widgets are color-coded as follows:
   {#compare-related-record-changes__table_nrc_xcd_2jb__entry__2}

   | Color | Customization level |
   |-|-|
   | Green | Base system widget |
   | Yellow | Cloned widget |
   | Blue | New widget |
   | Red | Customized widget |
   [ ]

   {#compare-related-record-changes__table_nrc_xcd_2jb}
4. On a widget, click the information icon (![Information icon]()).  
   Related records that you modified or developed are outlined in red.
5. Next to a Angular Provider or ng-template record, click Compare.  
   The system displays the records of the current and previous versions side by
   side.

   Although both sides are labeled Version, the left-side
   record represents the previous version and the right-side record represents
   the current version.
6. For each field in which it appears, click the window icon (![Window icon]()) to open the code comparator.  
   Your most recent changes to the widget code are highlighted in the code
   comparator.
{#compare-related-record-changes__steps_bgs_ypc_2jb}