Workspace Builder components for home pages

  • Release version: Zurich
  • Updated July 31, 2025
  • 2 minutes to read
    • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Workspace Builder components for home pages

    Workspace Builder provides several UI Builder components that enable ServiceNow customers to efficiently create customized home pages and contextual side panels within workspaces. These components allow for a rich, interactive, and informative landing experience by integrating data visualizations, filters, headings, images, lists, and rich text elements. Using these components, customers can tailor their workspace home pages to better meet the needs of their users.

    Show full answer Show less

    Key Features

    • Data Visualization Components: Serve as containers for various chart types to display data dynamically. Customers can create new visualizations or reuse existing ones by selecting from a library. These visualizations help present application data in meaningful ways.
    • Filter Components: Allow users to filter data visualizations on the home page without altering the visualizations themselves. Filters are configured by selecting tables and fields and apply to all visualizations sharing the same data source, enhancing interactivity and user control.
    • Heading Components: Enable adding titles or headings to home pages to organize and clarify content for users.
    • Image Components: Facilitate adding customizable images, including the ability to replace default stock images with URLs, to enhance the visual appeal of home pages.
    • List Components: Provide the ability to add lists to the landing page, useful for displaying grouped information in a clear format.
    • Rich Text Components: Allow adding explanatory or instructional text to pages, helping users understand the context or priority of displayed information.

    Key Outcomes

    By leveraging these Workspace Builder components, ServiceNow customers can quickly build engaging and functional workspace home pages tailored to their organizational needs. This improves user experience by presenting data visually, providing interactive filters, and organizing content with headings, images, lists, and rich text. Ultimately, this leads to more effective workspaces that help users focus on relevant information and actions.

    Several UI Builder components are available as elements to build home pages and contextual side panels in Workspace Builder. Workspace Builder helps you quickly create workspaces.

    For complete details on all elements and components, see the ServiceNow® Developer site.

    Data visualization components

    The data visualization component is a container for available chart types for use in Workspace Builder home pages. Select the chart type to display data in different ways depending on your application. You can create a new data visualization or repurpose an existing data visualization by choosing it in the Select visualization from library modal and selecting Add to dashboard.

    For more information on data visualization components, see the following topics and sources:

    Data visualization element to be edited

    Filter components

    Filters enable you to filter data visualizations without modifying the visualizations. Add a filter element when working with the home page in the canvas. Then select a table, field, and other properties to configure the filter. When a user selects one or more values of the field, the filter applies to those data visualizations that are based on the same data source.

    For more information on using filters components to build a workspace, see the following topics and sources:

    Heading components

    Heading components are available in the home pages for workspaces. Add a title to your landing page using a heading component.

    The following image shows a "My Heading" heading.

    Example heading component

    For more information on heading components, see the Heading Overview on the Developer site.

    Image components

    Add images to your landing page with an image component.

    When you drag the image component icon (Image component) into the preview pane, a stock image appears that you can change and resize. You can change the stock image by supplying your image's URL.

    Sample image component

    For more information on image components, see the Developer site image component listing.

    List components

    Use a list component to add lists to your landing page.

    When you drag the list component icon (List component) into the preview pane, a sample list appears.

    Sample list component

    For more information on list components, see the Developer site List component reference.

    Rich text components

    Add text to your landing page with a rich text component to explain parts of your landing page, for example, "Tackle these priority 1 incidents first."

    Sample rich text component

    For more information on rich text components, see the Developer site Rich text component reference.