---
sourceDocument: Xanadu Employee Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/employee-service-management

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Landing page configuration example

# Landing page configuration example {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

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](https://www.servicenow.com/docs/Ssm3vUAmfcyafya3Af1b6g "Create a variant of your landing page to build a custom portal experience for your users.").

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 AllHR Case ManagementUI 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.
5. In the Configuration panel, create three columns by entering <kbd class="ph userinput">3</kbd> in the Columns field.
6. Select the more icon (![More icon]()) beside Column 2.
7. Select Add after.
8. 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.
9. Add a component by selecting +Add component under the container.  
   This example uses Container 23.
10. Select the Data visualization component.
11. Add a data source.
    1. In the Configuration panel, select + Add data source.
    2. In the Select a source field, enter <kbd class="ph userinput">HR Case</kbd>.
    3. Select the sn_hr_core_case table.
    4. Select +Add custom conditions.
    5. Add a condition with the following values:  
       * Select field: <kbd class="ph userinput">Assignment group</kbd>
       * Select operator: <kbd class="ph userinput">is(dynamic)</kbd>
       * Enter value: <kbd class="ph userinput">One of my groups</kbd>
       {#landing-page-example__ul_br1_bfz_qzb}
    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: <kbd class="ph userinput">Closed</kbd>
       * Select operator: <kbd class="ph userinput">at or after</kbd>
       * Enter value: <kbd class="ph userinput">Last week</kbd>
       {#landing-page-example__ul_ow1_vfz_qzb}
    8. Select Add this source.
12. In the Configurations panel, expand Additional settings.
13. Add additional data to display by enabling Show metric label and Show score update time.
14. Select Save.
15. 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.
    {#landing-page-example__substeps_whs_dqz_qzb}

*[\>]: and then