<h2>Carousel widget</h2><br/><div style="overflow-x:auto"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta content="text/html; charset=UTF-8" /><meta name="copyright" content="(C) Copyright 2025" /><meta name="DC.rights.owner" content="(C) Copyright 2025" /><meta name="generator" content="DITA-OT" /><meta name="DC.type" content="concept" /><meta name="DC.title" content="Carousel widget" /><meta name="abstract" content="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." /><meta name="description" content="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." /><meta name="DC.subject" content="Service Portal carousel widget" /><meta name="keywords" content="Service Portal carousel widget" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/sp-example-widgets.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/navigation-and-ui/concept/c_NavigationAndTheUserInterface.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/general/concept/configure-uis-and-portals.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/c_ServicePortal.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/service-portal-widgets.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/widget-showcase.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/task/add-slides-carousel-widget.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/task/t_ConfigureAPage.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/concept/c_ConfigureWidgetInstances.html" /><meta name="DC.relation" scheme="URI" content="../../../build/service-portal/task/t_CloneAndEditAWidget.html" /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2023-08-03" /><meta name="DC.date.modified" content="2024-02-01" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="carousel-widget" /><link rel="stylesheet" type="text/css" href="../../../CSS/commonltr.css" /><title>Carousel widget</title></head><body id="carousel-widget"> <div class="breadcrumb"><a class="link" href="../../../administer/navigation-and-ui/concept/c_NavigationAndTheUserInterface.html" title="Interact with Now Platform applications and data in the way that works best for you.">Configure user experiences</a> > <a class="link" href="../../../administer/general/concept/configure-uis-and-portals.html" title="Customize your interface to create an efficient, unique experience for users and customers.">Configure UIs and portals</a> > <a class="link" href="../../../build/service-portal/concept/c_ServicePortal.html" title="Service Portal allows you to build a mobile-friendly self-service portal experience for your employees or customers. Service Portal is a Now Platform feature that is active by default and interacts with parts of the platform so users can access platform features through portals.">Service Portal</a> > <a class="link" href="../../../build/service-portal/concept/service-portal-widgets.html" title="Widgets are what define the content of your portal pages. You can use the base system widgets provided with Service Portal, clone and modify widgets, or develop custom widgets to fit your own needs.">Using portal widgets</a> > <a class="link" href="../../../build/service-portal/concept/widget-showcase.html" title="You can use base system widgets as-is in your Service Portal or clone them to suit your own business needs.">Widget library</a> > </div> <h1 class="title topictitle1" id="ariaid-title1">Carousel widget</h1> <div class="body conbody"><p class="shortdesc">Showcase specific items in your catalog using a scrolling list of images in the carousel widget. <span class="ph">You can use this base system widget as-is in your portal or clone it to suit your own business needs.</span></p> <p class="p">Use the carousel widget to showcase items on your portal page. For example, display items available in a service catalog at the top of the service catalog page.</p> <div class="p"><div class="fig fignone" id="carousel-widget__fig_gg1_hkm_wx"><span class="figcap"><span class="fig--title-label">Figure 1. </span>Carousel widget</span> <img class="image" id="carousel-widget__image_g3l_bwl_px" src="../image/WidgetCarousel.png" alt="Carousel widget" /> </div> <div class="note"><span class="notetitle">Note:</span> For Employee Center Pro, use Content Experiences widget to showcase actionable communications content on your employee portal. .</div> </div> </div> <div class="related-links"> <ul class="ullinks"><li class="link ulchildlink"><strong><a href="../../../build/service-portal/task/add-slides-carousel-widget.html">Add slides to the carousel widget</a></strong><br /> Use the related lists for an instance of the carousel widget to add images for the carousel widget to scroll through.</li></ul> <div class="familylinks"> <div class="parentlink"><strong>Parent Topic:</strong> <a class="link" href="../../../build/service-portal/concept/sp-example-widgets.html" title="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.">Example widgets</a></div> </div> <div class="linklist relinfo reltasks"><strong>Related tasks</strong><br /> <ul class="linklist"><li class="linklist"><a class="link" href="../../../build/service-portal/task/t_ConfigureAPage.html" title="Create or edit a page and use layouts to organize the columns that house the widgets.">Create and edit a page using the Service Portal Designer</a></li><li class="linklist"><a class="link" href="../../../build/service-portal/concept/c_ConfigureWidgetInstances.html" title="Create unique instances of widgets by configuring the options for each instance.">Configure widget instances</a></li><li class="linklist"><a class="link" href="../../../build/service-portal/task/t_CloneAndEditAWidget.html" title="Take advantage of existing code by cloning and editing an existing widget.">Clone a widget</a></li></ul></div> </div></body></html></div>