Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Landing page configuration example

Learn how to configure a landing page through an example configuration process.

Before you begin

Create a variant of your landing page. For more information, see Create a landing page variant.

Role required: sn_hr_agent_ws.admin and sn_hr_core.basic

About this task

The configuration example shows how you would configure an HR Cases closed in the last week report beside the Cases closed over the last 6 months report on a landing page.

Procedure

  1. Navigate to All > HR Case Management > UI Builder for Agent Workspace for HR Case Management.

  2. Select your variant.

  3. Select the Editor tab if it is not already selected.

  4. In the Page content panel, select Container 7.

Image omitted: uib-container-seven.png
Page content panel in UI Builder with Container 7 highlighted for selection
  1. In the Configuration panel, create three columns by entering 3 in the Columns field.
Image omitted: uib-container-seven-config.png
Configuration panel showing Columns field set to 3 for Container 7
  1. Select the more icon (
Image omitted: menu-icon.png
\) beside **Column 2**.
  1. Select Add after.

  2. Select the Components tab and select Container.

    A container is an area of the page where you add information, images, or functionality (your components). You can have several containers on a page, nest containers within containers, and include several components in the containers.

  3. Add a component by selecting +Add component under the container.

Image omitted: add-component.png
Add component button displayed under Container 23 in UI Builder
This example uses **Container 23**.
  1. Select the Data visualization component.

  2. Add a data source.

    1. In the Configuration panel, select + Add data source.
Image omitted: add-data-source.png
Configuration panel with Add data source button for data visualization component
2.  In the **Select a source** field, enter `HR Case`.

3.  Select the **sn\_hr\_core\_case** table.

4.  Select **+Add custom conditions**.

5.  Add a condition with the following values:

    -   Select field: `Assignment group`
    -   Select operator: `is(dynamic)`
    -   Enter value: `One of my groups`
6.  Refine the condition by selecting **AND**.

    You can create dependent conditions by selecting **AND** or **OR**.

7.  Add a condition with the following values:

    -   Select field: `Closed`
    -   Select operator: `at or after`
    -   Enter value: `Last week`
8.  Select **Add this source**.
  1. In the Configurations panel, expand Additional settings.
Image omitted: additional-settings.png
Additional settings section expanded in Configuration panel showing metric label and score update time options
  1. Add additional data to display by enabling Show metric label and Show score update time.

  2. Select Save.

  3. Make the variant the default landing page by changing the order of the original landing page.

    1. Select Landing page default from the drop- down list.

    2. Select the Settings tab.

    3. Enter a number greater than 0 in the Order field.

    4. Select Save.

Parent Topic:Create a landing page variant