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

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Example widgets

# Example widgets {#ariaid-title1}

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

All widgets in Service Portal can be used as example code for how scripts are used in a
widget. However, several base system widgets have been included expressly for this
purpose.

Use the example widgets to see how to use HTML, CSS, or client and server scripts in Service
Portal. You can also clone and extend each widget to suit your needs.
* **[Announcements widget](https://www.servicenow.com/docs/oXVMOm_OSikueaVZ4U1D8w)**   
  Users can view all active announcements. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Approvals widget](https://www.servicenow.com/docs/S3vbBzKEHp689QD3hlqsEg)**   
  Users can approve or reject items directly within Service Portal. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Approval Info Record widget](https://www.servicenow.com/docs/nlR6YRMAlVCw05RkaghP0g)**   
  The Approval Info Record widget shows details about the approval request and a full record for an approval including the activity stream.
* **[Approval Info widget](https://www.servicenow.com/docs/zpQ6qzsQTsLolVgKYZ26SA)**   
  The Approval Info widget works in tandem with the Approval widget to display details about the approval request. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Approval Record widget](https://www.servicenow.com/docs/0N6Cri6XQwapLAY~3Pmefw)**   
  The Approval Record widget shows the full record for an approval including the activity stream. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Breadcrumbs widget](https://www.servicenow.com/docs/nNdQ8xLvSE7sXD~UvIgYmA)**   
  The breadcrumbs widget allows users to easily navigate around a portal. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Breakout Game widget](https://www.servicenow.com/docs/fEsF_NObRkZxZNn7FgqGxA)**   
  Add a fun, interactive 404 page to pages that do not exist using the Breakout Game widget. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Calculator widget](https://www.servicenow.com/docs/cTeWBHVybE2z7ORIXkw02A)**   
  The calculator widget does simple calculations. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Carousel widget](https://www.servicenow.com/docs/cUs2VNx0zxgqC~2zcII1UQ)**   
  Showcase specific items in your catalog using a scrolling list of images in the carousel widget. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Change Password widget](https://www.servicenow.com/docs/MwhOQGDwKWUuJb6a6lNLrA)**   
  Users can change their passwords using the Change Password widget.
* **[Cool Clock widget](https://www.servicenow.com/docs/ZzwQcD_C0nRaKGbV0Aw~Rg)**   
  Show different times around the world using the Cool Clock widget. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Data table from instance definition widget](https://www.servicenow.com/docs/89rpotWUbtXi_ZBfV_nZyw)**   
  Display a filtered list on your portal using the data table from instance definition widget. From the widget's context menu, portal users can export the filtered list. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Data Table from URL definition widget](https://www.servicenow.com/docs/NzdBn~O3PIQJZMiPr1VUcQ)**   
  The Data Table from URL definition widget displays the table you select from the list. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Documents widget](https://www.servicenow.com/docs/QgZFmExvuIaWPl_TYumREA)**   
  You can add, edit, or delete documents associated with records based on user permissions through the Documents widget. You can use this widget in your portal or clone and customize it.
* **[Form widget](https://www.servicenow.com/docs/kcCiaZ0z1YYRnPWH8b~ywg)**   
  The form widget is a platform form within the Service Portal UI with a few differences. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Header menu widget](https://www.servicenow.com/docs/egBMaaWVMs5A94SxMsIJhQ)**   
  The Header Menu widget controls which options appear in the page header. You can use this base system widget as-is in your portal.
* **[Hello World widgets](https://www.servicenow.com/docs/UmIejOL_4gJ_pgJiUp7sIQ)**   
  The Hello World widgets are included with Service Portal as examples of how to use and create widgets. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[HTML widget](https://www.servicenow.com/docs/OcHHOPD~QxdPUAifWMmdVw)**   
  Use the HTML widget to directly inject HTML, text, lists, or content in general into a page. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Icon Link widget](https://www.servicenow.com/docs/PyVJuVqkWRhZ8ZX5w_ZUpA)**   
  Link to any other item. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Icon menu list widget](https://www.servicenow.com/docs/fByl1Iwr_p5ra5Txx5CV8Q)**   
  A simple list with a glyph icon next to each link. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Language Switch widget](https://www.servicenow.com/docs/76bz~xSBMJ40ZgHtDErArQ)**   
  Add the Language Switch widget to a landing or homepage to allow your users to change the language of the page. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Link button widget](https://www.servicenow.com/docs/0P74gIjqob~sDdY_7Tkw~A)**   
  The Link Button widget is a button you can nest in any other widget that links to another destination. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Login widget](https://www.servicenow.com/docs/bhf74i8asNt1fuZy3RrqYQ)**   
  The login widget controls user access to your site. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[My Requests widget](https://www.servicenow.com/docs/krrTRZKB06kj8mQ3kLFExQ)**   
  The My Requests widget stores all of your open requests in one place. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[My Requests widget](https://www.servicenow.com/docs/1EwX873iHhUBfeyAINCkWA)**   
  Use the My Requests widget (my-requests-v2) to enable requesters to view open or closed requests in Service Portal.
* **[Organization Chart widget](https://www.servicenow.com/docs/VFJby1RTXOvY5GqSVBQuRQ)**   
  The Organization Chart widget shows employees in a tree structure relative to their manager. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Simple List widget](https://www.servicenow.com/docs/KxFyvhbUAOpCdE4xmElGFQ)**   
  The Simple List widget can be used to display any list in the system within Service Portal. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Sample Footer widget](https://www.servicenow.com/docs/qyEpBU8nupLAgeMVa_8JKQ)**   
  The Sample Footer widget is an example of a footer you can use in your portal. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Ticket Attachments widget](https://www.servicenow.com/docs/njGkiKM1QxRrvYk8O32pTQ)**   
  Use the attachment widget to attach items to tickets. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Ticket Conversations widget](https://www.servicenow.com/docs/NtXFcyN5_3Ii59y7SSgDXg)**   
  Record of ticket items. Users can use this widget to communicate back and forth with the fulfiller and the receiver. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Ticket Fields widget](https://www.servicenow.com/docs/Dapy4POQMBPHa09a9_bMnw)**   
  The Ticket Fields widget displays information about a request that a user has made. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[Ticket Location widget](https://www.servicenow.com/docs/qpaGv~4Tw7r7FGsoNUZJ0A)**   
  Share your location in a ticket. You can use this base system widget as-is in your portal or clone it to suit your own business needs.
* **[User Profile widget](https://www.servicenow.com/docs/Y7CDmllyFS5QXa6IMQa4PA)**   
  Display user profile information. You can use this base system widget as-is in your portal or clone it to suit your own business needs.