<h2>UI Builder release notes</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="reference" /><meta name="DC.title" content="UI Builder release notes" /><meta name="abstract" content="The ServiceNow UI Builder application is a web user interface builder for building pages for workspaces and portals or custom web experiences with Next Experience Components. UI Builder was enhanced and updated in the Xanadu release." /><meta name="description" content="The ServiceNow UI Builder application is a web user interface builder for building pages for workspaces and portals or custom web experiences with Next Experience Components. UI Builder was enhanced and updated in the Xanadu release." /><meta name="DC.relation" scheme="URI" content="../../release-notes/now-platform-app-engine/build-automate-rn-landing.html" /><meta name="DC.relation" scheme="URI" content="../../release-notes/family-release-notes.html" /><meta name="DC.relation" scheme="URI" content="../../release-notes/concept/rn-learn-landing-page.html" /><meta name="DC.relation" scheme="URI" content="../../release-notes/concept/rn-n-1-landing-page.html" /><meta name="DC.relation" scheme="URI" content="../../release-notes/new-features-changes.html" /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2024-03-06T10:07:08-08:00" /><meta name="DC.date.modified" content="2024-08-01" /><meta name="mini-toc" content="yes" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="ui-builder-rn" /><link rel="stylesheet" type="text/css" href="../../CSS/commonltr.css" /><title>UI Builder release notes</title></head><body id="ui-builder-rn"> <div class="breadcrumb"><a class="link" href="../../release-notes/family-release-notes.html" title="The ServiceNow Xanadu release includes new products and applications, as well as additional features and fixes for existing products. Read the release notes to learn about the release, prepare for your upgrade, and upgrade your instance.">Xanadu release notes</a> > <a class="link" href="../../release-notes/concept/rn-learn-landing-page.html" title="The Xanadu release includes new features and improvements built on the ServiceNow AI Platform.">Learn about the Xanadu release</a> > <a class="link" href="../../release-notes/concept/rn-n-1-landing-page.html" title="When you upgrade from the Washington DC release, understand the fixes in each release version, notable changes for the user interface, browser support, plugin updates, and each feature's upgrade and migration tasks if applicable.">Release notes for upgrading from Washington DC</a> > <a class="link" href="../../release-notes/new-features-changes.html" title="Review the new features and changes in this release by product.">Features and changes by product</a> > </div> <h1 class="title topictitle1" id="ariaid-title1"><span class="ph">UI Builder</span> release notes</h1> <div class="body refbody" id="ui-builder-rn-rn-body"><p class="shortdesc">The <span class="ph">ServiceNow®</span> <span class="ph">UI Builder</span> application is a web user interface builder for building pages for workspaces and portals or custom web experiences with <span class="ph">Next Experience Components</span>. <span class="ph">UI Builder</span> was enhanced and updated in the <span class="ph">Xanadu</span> release.</p> <div class="section" id="ui-builder-rn__ui-builder-rn-highlights"><h2 class="title sectiontitle"><span class="ph">UI Builder</span> highlights for the <span class="ph">Xanadu</span> release</h2> <div class="p" id="ui-builder-rn__ui-builder-rn-highlights-1"> <ul class="ul" id="ui-builder-rn__ul_fjv_2wv_q1c"><li class="li">Explore a searchable library of videos, guided tours, and product documentation to develop and practice <span class="ph">UI Builder</span> skills.</li><li class="li">Take guided tours to learn about features and complete tasks in <span class="ph">UI Builder</span> step-by-step.</li><li class="li">Improve usability in low-light conditions by using dark theme.</li><li class="li">Design pages that look good and function well across a variety of form factors such as laptops, tablets, and mobile devices using responsive authoring.</li><li class="li">Fetch information from multiple data sources and more easily bind the data to components of your choice with a new multi-table data resource right from <span class="ph">UI Builder</span>.</li></ul> </div> <p class="p" id="ui-builder-rn__ui-builder-rn-highlights-2">See <a class="xref" href="../administer/ui-builder/concept/ui-builder-overview.html" target="_blank" rel="noopener noreferrer">UI Builder</a> for more information.</p> </div> <div class="section" id="ui-builder-rn__ui-builder-rn-new-features"><h2 class="title sectiontitle">New in the <span class="ph">Xanadu</span> release</h2> <div class="p" id="ui-builder-rn__ui-builder-rn-new-features-1"> <dl class="dl"> <dt class="dt dlterm"><a class="xref" href="../administer/ui-builder/task/control-conditions-for-your-variant.html" target="_blank" rel="noopener noreferrer">Set screen conditions declaratively</a></dt> <dd class="dd">Control the visibility of pages using a condition builder as an alternative to writing a script.</dd> <dt class="dt dlterm"><a class="xref" href="../administer/ui-builder/task/add-contextual-sidebar.html" target="_blank" rel="noopener noreferrer">Configure contextual sidebar with tabs</a></dt> <dd class="dd">The Contextual sidebar component now uses the Tabs component as a foundation instead of viewports for simplified configuration as a vertical set of tabs.</dd> <dt class="dt dlterm"><a class="xref" href="../administer/ui-builder/concept/responsive-authoring.html" target="_blank" rel="noopener noreferrer">Control page layout for different device sizes</a></dt> <dd class="dd">Create tailored pages that are appropriate for different size screens.</dd> <dt class="dt dlterm"><a class="xref" href="../administer/ui-builder/concept/multi-source-data-configuration.html" target="_blank" rel="noopener noreferrer">Retrieve data from varied sources for a component</a></dt> <dd class="dd">More easily add data from different data sources to a single component based on field mappings.</dd> <dt class="dt dlterm"><a class="xref" href="../administer/ui-builder/concept/add-forms-to-ui-builder-pages.html" target="_blank" rel="noopener noreferrer">Support for multiple forms on a page</a></dt> <dd class="dd">Add multiple forms and form controllers to a single page.</dd> </dl> </div> </div> <div class="section" id="ui-builder-rn__ui-builder-rn-activation"><h2 class="title sectiontitle">Activation information</h2> <p class="p" id="ui-builder-rn__ui-builder-rn-activation-1"><span class="ph">UI Builder</span> is active by default. You can update to the latest version of <span class="ph">UI Builder</span> by downloading it from the <span class="ph">ServiceNow Store</span>.</p> </div> <div class="section" id="ui-builder-rn__ui-builder-rn-browser"><h2 class="title sectiontitle">Browser requirements</h2> <p class="p" id="ui-builder-rn__ui-builder-rn-browser-1">Internet Explorer isn't supported for <span class="ph">UI Builder</span>.</p> </div> <div class="section" id="ui-builder-rn__ui-builder-rn-related-apps"><h2 class="title sectiontitle">Related <span class="ph">ServiceNow</span> applications and features</h2> <div class="p" id="ui-builder-rn__ui-builder-rn-related-apps-1"> <dl class="dl"> <dt class="dt dlterm"><a class="xref" href="../build/app-engine-studio/concept/aes-overview.html" target="_blank" rel="noopener noreferrer">App Engine Studio</a></dt> <dd class="dd">Once you create apps in <span class="ph">ServiceNow</span> <span class="ph">App Engine Studio</span>, you can then create their user interface in <span class="ph">ServiceNow</span> <span class="ph">UI Builder</span>.</dd> </dl> </div> </div> </div> <div class="related-links"> <div class="familylinks"> <div class="parentlink"><strong>Parent Topic:</strong> <a class="link" href="../../release-notes/now-platform-app-engine/build-automate-rn-landing.html" title="The ServiceNow AI Platform has new and updated hyperautomation and low-code features in the Xanadu release.">Hyperautomation and Low-code release notes</a></div> </div> </div></body></html></div>