Workspace Builder components for home pages
Summarize
Summary of Workspace Builder components for home pages
Workspace Builder in App Engine Studio (AES) allows ServiceNow customers to create customized workspaces rapidly. It provides various UI components to enhance home pages and contextual side panels, enabling a tailored user experience.
Show less
Key Features
- Data Visualization Components: These serve as containers for different chart types, allowing users to display data visually. Customers can create new visualizations or repurpose existing ones from the library.
- Filter Components: Filters can be added to data visualizations without altering the visualizations themselves. Users can configure filters based on tables, fields, and other properties, enhancing data interactivity.
- Heading Components: These allow users to add titles to their home pages, enhancing navigability and clarity.
- Image Components: Users can incorporate images into their landing pages. The component allows for easy resizing and replacement of stock images with custom URLs.
- List Components: Facilitates the addition of lists to landing pages, helping organize information effectively.
- Rich Text Components: This component is used to add explanatory text to the landing page, guiding users on essential actions or priorities.
Key Outcomes
By utilizing these components, ServiceNow customers can create visually engaging and functional home pages within their workspaces. This customization supports improved user navigation and data interaction, ultimately enhancing the overall user experience in the ServiceNow platform.
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 in App Engine Studio (AES).
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.
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.
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.
For more information on heading components, see Heading component listing on the Developer site.
Image components
Add images to your landing page with an image component.
When you drag the image component icon (
) 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.
For more information on image components, see Image component listing on the Developer Site.
List components
Use a list component to add lists to your landing page.
When you drag the list component icon (
) into the preview pane, a sample list appears.
For more information on list components, see List component listing on the Developer Site.
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."
For more information on rich text components, see Rich text component listing on the Developer Site.