--- sourceDocument: zurich Combined Product Files sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/delta-yokohama-zurich Release : - zurich ft:locale : - en-US ft:publication_title : - zurich Combined Product Files ft:clusterId : - delta3zy bundleId : - delta3zy --- # Combined Next Experience Components release notes for upgrades from Yokohama to Zurich # Combined Next Experience Components release notes for upgrades from Yokohama to Zurich {#ariaid-title1} Release version: Zurich Updated October 8, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 12 minutes to read Consolidated page of all release notes for Next Experience Components from Yokohama to Zurich. ## How to use this page To help you prepare for your upgrade, we have combined the cross-family Next Experience Components release notes onto one page. Read this summary of the new features, changes, and updated information for your product from Yokohama to Zurich. Tip: If there were no updates for a release notes section in a certain family release, we included a short note for your reference. For example, if a product did not have any updates in Tokyo, the row says "No updates for this release." ## Important information for upgrading Next Experience Components to Zurich Before you upgrade to Zurich, review these pre- and post-upgrade tasks and complete the tasks as needed. {#dfrn3-nextexperiencecomponents-summary__entry__2} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## New features Between your current release family and Zurich, new features were introduced for Next Experience Components. {#dfrn3-nextexperiencecomponents-summary__entry__8} | Release | Release notes | |-|-| | Yokohama | {#dfrn3-nextexperiencecomponents-summary__entry__12} | Component | Description | |-|-| | Active call | Handles phone calls as part of the Interaction controls component (ICC). Manages call functions, including actions such as disconnect, mute, hold, record, and transfer. | | Animation | Places Lottie animations in Next Experience pages or components created in UI Builder. | | Dialpad | Dial a phone number in Workspace. | | Feedback | Captures detailed feedback from users for AI products or skills through a series of pre-determined options or free-text responses. | | Filter group | Groups up to 3 filter components into a single container with configurable Apply, Clear, and Reset buttons that apply to all filters in the group. | | Flyout menu | Menu that organizes multiple levels of options within a hierarchical structure. | | Knowledge view | Embeddable container that renders a Next Experience Knowledge article view. | | Loader custom | Renders custom animations with an optional progress bar and label. | | Skeleton loader | Decorative placeholder for generated content. | [Table 1. Components] | | Zurich | {#dfrn3-nextexperiencecomponents-summary__entry__34} | Component | Description | |-|-| | AI Summary Card | Organizes AI-generated summary information into a simple, easily scannable format. | | Animated icon | Animated sparkle icon that indicates an entry point for a Now Assist flow or event. | | Carousel Text | Cycles through a series of text messages with animated transitions. Provides visual feedback during loading states with customizable message content. | | Catalog browse | Enables users to explore, search, and find the catalog items they want across multiple catalogs and categories. Users choose a catalog from a dropdown and then a category in a side panel. A selectable card for each available item in the category is displayed in the main view. | | Filter overview | Provides a summary of the filters currently applied to the page. Primarily used on the list page in combination with condition builder. | | Flyout menu | Organizes multiple levels of options within a hierarchical structure. | | Now Assist context menu | Provides actions like generating text, creating incident or task summaries, or refining content. | | Schedule Recurrence | Enables users to create and to manage recurring events with daily, weekly, monthly, and yearly frequency. Users can add additional rules like skip dates, exceptions, and validations. | | Simple timer | Displays elapsed time with an optional leading icon. | [Table 2. Components] {#dfrn3-nextexperiencecomponents-summary__entry__54} | Bundle | Description | |-|-| | Activity stream compose with modeless dialog | Component bundle that contains all the functionality of Activity Stream Compose with the added functionality of modeless dialog pop-up. To add modeless dialog capabilities to the compose experience, replace the Activity Stream Compose component with this component bundle. | [Table 3. Bundle] | [ ] ## Changes Between your current release family and Zurich, some changes were made to existing Next Experience Components features. {#dfrn3-nextexperiencecomponents-summary__entry__58} | Release | Release notes | |-|-| | Yokohama | {#dfrn3-nextexperiencecomponents-summary__entry__62} | Component | Enhancement | |-|-| | Appointment calendar | * Select multiple slots * Add customizable categories for appointment slots * Hide past and unavailable slots * Add contextual tags in appointment slots * Configure number of rows displayed in each slot in the Day and DAYMOBILE views * Configure container height adjustment | | Attachments | * Option to download all attachments * Revised delete attachment confirmation popup message | | Avatar | Configure avatar to behave as a button or a link. | | Calendar | * DST support with multiple time zones in the Calendar and Timeline views * Hide header * Multiple time zones in the Timeline view * Scroll control for the Calendar and Timeline views | | Email composer | Now Assist generative AI suggestions for all email scenarios, email templates, response templates, and quick messages. | | Email composer (mini) | Now Assist generative AI suggestions for all email scenarios, email templates, response templates, and quick messages. | | Form | * Configuration panel updates * Form controller configuration panel updates | | Form templates | * Sort templates alphabetically and by last used. * New tab for Favorites for you to add and remove templates. * Larger cards that don't truncate template name and description, and show Last used timestamp. | | Highlighted value | * Medium size variant. * Custom tooltip property. | | iFrame | Send messages to iframed document. | | Kanban Board | * Multi-select in cards * Configure selecting dependency lines * Add secondary header | | Modeless dialog | Make the dialog dynamic and automatically resize to fit the content. | | Node Map | * Force layout for representing graphs without structure or hierarchy * Custom popover configuration in Hierarchical, Layered, and Force layouts * Customizable nodes in non-unified layouts * Self-referencing nodes denoted with edges looping back to the node * Export maps in JPG and PNG * Aggregate or segregate multiple connections between the same nodes | | Pill | Display the selected pill state which doesn't display by default. | | Quick filter | * Configure section headers in typeahead dropdown * Configure footer action button * Configure placeholder text value for input field | | Record lookup | * Search for contacts by name, phone, or email * Preview shortlisted results in a paginated form * Quickly link or unlink a shortlisted contact to a case * Edit details for a record without accessing the parent record * Hide record header * Configure search results * Render highlighted values in the linked card * Qualify search results using specific conditions (reference qualifiers) * Hide fields with empty values * Hide link button * Expand or collapse card | | Stepper | * Standardized font size (small or medium) for all steps * By default, pagination adjusts to display the current selected step | [Table 4. Components] {#dfrn3-nextexperiencecomponents-summary__entry__98} | Chart | Enhancement | |-|-| | Bar | Percent (%) information added to chart tooltips and data table below chart. | | Bubble | Percent (%) information added to chart tooltips. | | Geomap | Percent (%) information added to chart tooltips and data table below chart. | | Heatmap | * Percent (%) information added to chart tooltips and data table below chart. * When the metric value is set to "Count," show a zero (0) when no data is available. | | Pivot table | * When there's no value in the selected dataset or for the configuration, choose the display format. * Data sources limit increased from 10 to 15. | | Time series | * Percent (%) information added to chart tooltips and data table below chart. * Support for business calendars such as Gregorian, fiscal, and any manually added calendar. * For all chart formats, except "column:" * When there's no value in the selected dataset or for the configuration, choose the display format. * For table data sources, when there's no data for a specific time on the chart, show a continuous line without gaps. * Show a chart and graph data table for easier screen reader access. * For line, spline, area, and step charts, have a marker show at each data point on the chart including where values are zero (0) or missing. * For a chart with up to 3 metrics, you can add alternative Group by's for each metric for the user to select from. * Sorting when data is grouped. * New Date range option to set the period end date to update automatically to the current date. | [Table 5. Data visualizations] {#dfrn3-nextexperiencecomponents-summary__entry__112} | Template | Description | |-|-| | Dashboards | * Pills at the top of the page display any categories assigned to the dashboard * User avatars at the top of the page indicate real-time editing | [Table 6. Templates] {#dfrn3-nextexperiencecomponents-summary__entry__116} | Bundle | Enhancement | |-|-| | Record list | * Condition builder available in the list header * If live list is enabled, infinite scrolling is enabled by default | [Table 7. Bundles] | | Zurich | {#dfrn3-nextexperiencecomponents-summary__entry__122} | Component | Enhancement | |-|-| | Activity Stream | * Dynamic translation support for emails in Activity Stream * Events show AI agent as author on behalf of user * Hide the title and move the setting toggle to compose tabs line * Live Presence in Activity Stream | | Activity Stream Compose | Increased agent productivity by reducing scroll time and seamlessly stacking the compose experience with Activity Stream | | Appointment calendar | * Updated UI Builder property labels and UI * Date-Time replaces mini calendar * Changing the month doesn't automatically select the current selected date * Disable categories * Disable previous dates and unavailable slots * Show event duration in event slots * Disable truncation in screens with resolution lower than 640 pixels | | Attachments | * Enable uploading multiple files * Set restrictions on file types and size * Preview upload modal for viewing the selected attachments before upload * Rename or remove files during upload preview * Single-click upload for multiple files | | Button | Enable the animated sparkle icon | | Button bare | * Multi-line label text available * Enable the animated sparkle icon | | Button circular | Enable the animated sparkle icon | | Button iconic | Enable the animated sparkle icon | | Calendar | * Add multiple columns in timeline views * Date-Time replaces mini calendar in timeline views | | Carousel | Expose a badge on the side of the title, by adding optional text and any 1 of a variety of colors | | Checkbox | Display the label slot before or after the check box | | Checklist | Control size of the checklist | | Date-time | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Date-time-interval | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Email composer | * Enable user mentions in the compose area * Enable digital signing and encryption of emails * Selecting a user pill displays user contact card | | Email composer mini | * Option to pop out to modeless dialog * Enable user mentions in the compose area * Enable digital signing and encryption of emails * Selecting a user pill displays user contact card | | Email viewer | Selecting a user pill displays user contact card. | | Feedback | Configure the character limit in the text area of the component | | Form | * Unsaved field indicator: An unsaved indicator that displays a black dot next to field names that have unsaved changes. * Field context menu hide option: Provide admins access to hidden field context menu options. * Label wrapping and width limit: Have field labels on a form wrap instead of truncate when the container width you specify is reached. | | Form record presence | Select an active viewer's avatar to launch a customer card pop-up that contains their contact info. | | Heading | Change the text alignment from start to center, end, or justify. | | iFrame | Enforce consistent practices, as well as more safely compose third-party content by selecting what functionality is available to the iFrame. | | Input | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Input password | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Input phone | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Input URL | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Kanban board | * Maximum of 3 highlighted values, 3 to 5 icons, and 1 hyperlink supported on the VTB card * Drag multiple, selected cards at once | | Label value tabbed | * Set fixed width instead of auto-sizing to content * Enable label text wrapping instead of truncation | | Modeless dialog | By default, the dialog dynamically resizes when the user types beyond the height of the dialog. | | Node map | * Horizontal type layout that supports all key capabilities such as, custom nodes, node animation, and all edge types * Enhanced spacing behavior for layouts that improves spacing utilization * Expose unified node in UI Builder * Enhanced knowledge graphs with dynamic edge positioning, optimized label handling, and intuitive edge highlighting | | Playbook | Improved navigation and user interface based on feedback from users. | | Playbook activity picker | Improved navigation and user interface based on feedback from users. | | Playbook stage picker | Improved navigation and user interface based on feedback from users. | | Predicate builder | Configuration for read only | | Radio buttons | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Select | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Split button | Enable the animated sparkle icon | | Textarea | * Disable the minimum height constraint of 64 pixels * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Typeahead | * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | | Typeahead multi | * Pills can display a custom tooltip on hover * Configurable slot for unsaved field indicator * Enable label text wrapping instead of truncation | [Table 8. Components] {#dfrn3-nextexperiencecomponents-summary__entry__204} | Bundle | Enhancement | |-|-| | Record list | * Display the list in cards * HTML fields can be viewed without HTML tags in the list view * Export to Google Sheets * Images and icons display in the list * Enable live lists on a per table basis * Scrollable and inline editable HTML fields | [Table 9. Bundles] | [ ] ## Removed Between your current release family and Zurich, some Next Experience Components features or functionality were removed. {#dfrn3-nextexperiencecomponents-summary__entry__208} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## Deprecations Between your current release family and Zurich, some Next Experience Components features or functionality were deprecated. {#dfrn3-nextexperiencecomponents-summary__entry__214} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## Activation information Review information on how to activate Next Experience Components. {#dfrn3-nextexperiencecomponents-summary__entry__220} | Release | Release notes | |-|-| | Yokohama | Activation information : Next Experience Components is a ServiceNow AI Platform feature that is active by default. | | Zurich | No updates for this release. | [ ] ## Additional requirements If any additional requirements were introduced or changed for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__226} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## Browser requirements If any specific browser requirements were introduced or changed for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__232} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## Accessibility information Review details on accessibility information for Next Experience Components, such as specific requirements or compliance levels. {#dfrn3-nextexperiencecomponents-summary__entry__238} | Release | Release notes | |-|-| | Yokohama | Accessibility information : For Next Experience Components accessibility conformance, refer to the ServiceNow [Horizon site Components section](https://horizon.servicenow.com/workspace/components). | | Zurich | No updates for this release. | [ ] ## Localization information If there are specific localization considerations for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__244} | Release | Release notes | |-|-| | Yokohama | No updates for this release. | | Zurich | No updates for this release. | [ ] ## Highlight information If there are specific highlight considerations for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__250} | Release | Release notes | |-|-| | Yokohama | * Build rich UI experiences with prebuilt system or custom components. To view the Next Experience Components API reference, usage guidance, and ServiceNow® UI Builder setup documentation, visit the [Developer site Next Experience Components doc](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=washingtondc&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades). * Use common web component patterns and principles, such as a JavaScript framework, immutable data, and simple action handlers. * Reuse components across multiple user interfaces to create a cohesive experience for your end users. * Use preset property values to configure properties and event handlers automatically for a component so the component is ready to work when you add it to a page. Presets can connect to a controller that acts as a data resource for the component. For more information, see [Automatically configure components using presets](https://www.servicenow.com/docs/access?context=presets&family=yokohama&ft:locale=en-US) and [Bind data to UI Builder pages using controllers (advanced feature)](https://www.servicenow.com/docs/access?context=controllers&family=yokohama&ft:locale=en-US). | | Zurich | No updates for this release. | [ ]