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
Navigate to All > HR Case Management > UI Builder for Agent Workspace for HR Case Management.
Select your variant.
Select the Editor tab if it is not already selected.
In the Page content panel, select Container 7.
Page content panel in UI Builder with Container 7 highlighted for selection
- In the Configuration panel, create three columns by entering
3in the Columns field.
Configuration panel showing Columns field set to 3 for Container 7
- Select the more icon (
\) beside **Column 2**.
Select Add after.
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.
Add a component by selecting +Add component under the container.
Add component button displayed under Container 23 in UI Builder
This example uses **Container 23**.
Select the Data visualization component.
Add a data source.
- In the Configuration panel, select + Add data source.
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**.
- In the Configurations panel, expand Additional settings.
Additional settings section expanded in Configuration panel showing metric label and score update time options
Add additional data to display by enabling Show metric label and Show score update time.
Select Save.
Make the variant the default landing page by changing the order of the original landing page.
Select Landing page default from the drop- down list.
Select the Settings tab.
Enter a number greater than 0 in the Order field.
Select Save.
Parent Topic:Create a landing page variant