{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":42604,"path":"platform-user-interface/service-portal/sp-example-widgets.md","title":"Example widgets","bundle":null,"doc_type":null,"release":"australia","body":"\n# Example widgets\n\nAll 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.\n\nUse 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.\n\n-   **[Announcements widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/announcements-widget.md)**  \nUsers 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.\n-   **[Approvals widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/approvals-widget.md)**  \nUsers 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.\n-   **[Approval Info Record widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/approval-info-record-widget.md)**  \nThe Approval Info Record widget shows details about the approval request and a full record for an approval including the activity stream.\n-   **[Approval Info widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/approval-info-widget.md)**  \nThe 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.\n-   **[Approval Record widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/approval-record-widget.md)**  \nThe 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.\n-   **[Breadcrumbs widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/breadcrumbs-widget.md)**  \nThe 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.\n-   **[Breakout Game widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/breakout-game-widget.md)**  \nAdd 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.\n-   **[Calculator widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/calculator-widget.md)**  \nThe 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.\n-   **[Carousel widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/carousel-widget.md)**  \nShowcase 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.\n-   **[Change Password widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/change-password-widget.md)**  \nUsers can change their passwords using the Change Password widget.\n-   **[Cool Clock widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/cool-clock-widget.md)**  \nShow 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.\n-   **[Data table from instance definition widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/data-table-widget.md)**  \nDisplay 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.\n-   **[Data Table from URL definition widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/data-table-url-widget.md)**  \nThe 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.\n-   **[Documents widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/documents-widget.md)**  \nYou 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.\n-   **[Form widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/form-widget.md)**  \nThe 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.\n-   **[Header menu widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/header-widget.md)**  \nThe Header Menu widget controls which options appear in the page header. You can use this base system widget as-is in your portal.\n-   **[Hello World widgets](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/hello-world-widget.md)**  \nThe 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.\n-   **[HTML widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/html-widget.md)**  \nUse 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.\n-   **[Icon Link widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/icon-link-widget.md)**  \nLink 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.\n-   **[Icon menu list widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/icon-menu-list-widget.md)**  \nA 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.\n-   **[Language Switch widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/language-switch-widget.md)**  \nAdd 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.\n-   **[Link button widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/link-button-widget.md)**  \nThe 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.\n-   **[Login widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/login-widget.md)**  \nThe 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.\n-   **[My Requests widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/my-requests-widget.md)**  \nThe 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.\n-   **[My Requests widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/my-request-widget-portal.md)**  \nUse the My Requests widget \\(my-requests-v2\\) to enable requesters to view open or closed requests in Service Portal.\n-   **[Organization Chart widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/org-chart-widget.md)**  \nThe 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.\n-   **[New Organization Chart widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/new-organization-chart-widget.md)**  \nThe New Organization Chart widget shows employees in a tree structure relative to their manager. You can use this widget in your portal or duplicate it to suit your own business needs.\n-   **[Simple List widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/simple-list-widget.md)**  \nThe 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.\n-   **[Sample Footer widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/sample-footer-widget.md)**  \nThe 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.\n-   **[Ticket Attachments widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/ticket-attachment-widget.md)**  \nUse 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.\n-   **[Ticket Conversations widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/ticket-conversations-widget.md)**  \nRecord 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.\n-   **[Ticket Fields widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/ticket-fields-widget.md)**  \nThe 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.\n-   **[Ticket Location widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/ticket-location-widget.md)**  \nShare 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.\n-   **[User Profile widget](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/user-profile-widget.md)**  \nDisplay user profile information. You can use this base system widget as-is in your portal or clone it to suit your own business needs.\n\n**Parent Topic:**[Widget library](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/widget-showcase.md)\n\n"}}