---
title: "Example - nested entity details"
slug: "example---nested-entity-details"
abstract: "How to display the fields in a nested Entity details component i n an inline preview."
---
# Example - nested entity details

> [!note]
> To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through [user group policies](https://doc.sitecore.com/ch/en/users/content-hub/user-group-policies.html "User group policies").

This example shows how you can display the fields from an **Entity details** component that is nested inside a **Search** component in the [inline preview](https://doc.sitecore.com/ch/en/users/content-hub/edit-in-preview.html "Edit in preview").

![Example of customized inline preview fields](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/example_of_customized_inline_preview_fields.png)

The following pre-configured formats are available for date/time fields:

| Format | Output | Example |
| --- | --- | --- |
| Default Locale | Mon dd, yyyy | Dec 8, 2025 |
| Locale Variant One | dd/mm/yyyy | 12/03/2025 |
| Locale Variant Two | Mon dd, yyyy, hh:mm | Dec 3, 2025, `2:17` PM |
| Locale Variant Three | Month date, yyyy at hh:mm | December 3rd, 2025 at `2:17` PM |
| Locale Variant Four | Day, Month dd, yyyy hh:mm | Wednesday, December 3, 2025 |
| ISO-8601 | yyyy-MM-ddThh:mm:ss.sssZ | 2025-11-11T14:`30:36`.833Z |
| From now | Relative format | 8 days ago |

> [!note]
> **Before you begin**
> -   [Add a **Search** component](https://doc.sitecore.com/ch/en/users/content-hub/add,-modify,-or-delete-page-components.html "Add, modify, or delete page components") to the page.
>
> -   [Add an **Entity details** component](https://doc.sitecore.com/ch/en/users/content-hub/entity-details.html "Entity details") to the same page.

To configure the page components:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Pages** and select the page you want to modify.
3. On the **Layout** tab, next to the **Entity details** component, click **More actions** :mdiDotsHorizontal: > :mdiCogOutline: **Settings**.
4. In the **Settings** dialog, turn on the **Nested** switch and click **Save**.
5. Click the **Entity details** component to open its details page.
6. On the **Settings** tab, in the **Source** drop-down list, click **Choose definition** and, in the **Definition** drop-down list, click **Asset (M.Asset)**.
7. On the **Members** tab, turn on the **Overview** switch.
8. In the **Visible members** section, turn on the switch next to the members you want visible in the inline preview and click **Save**.

    > [!note]
    > If you don't see the member you want in the **Visible members** section, you can [create new members](https://doc.sitecore.com/ch/en/users/content-hub/create-a-member.html "Create a member") as required.

9. Click the **Search** component to open its details page.
10. In the **Views** section, turn on the **Inline preview** switch.
11. On the **Fields** tab, select **From nested details component**, then in the **Details component** drop-down list, click the entity details component you added earlier.

    ![Fields drop-down list](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/fields_drop-down_list.png)

12. Click **Save and close**.

Now, when you open an inline preview from the modified page, you'll see the fields that you specified in the **Entity details** component.