> For the complete documentation index, see [llms.txt](https://docs.gridmate.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gridmate.io/advanced-guides/dynamic-components/grid-dynamic-record-card.md).

# Grid - Dynamic Record Card

Display record details in a GM - Dynamic Record Card when users click a master grid row.

**GM - Dynamic Record Card** component dynamically displays the related record details when the user clicks on a specific row from a master grid (GM - RelatedList, GM - ListView, or GM - FieldSet Grid).

The master component should have **Enable Dynamic Interaction** option checked to notify **GM - Dynamic Record Card**. See [Enable dynamic interaction](/advanced-guides/dynamic-components/grid-dynamic-interaction.md#enable-dynamic-interaction).

This tutorial will guide you through configuring the **Dynamic Record Card** component to showcase the **Name**, **Website**, and **BillingCountry** within a card format from an Account ListView grid.

{% stepper %}
{% step %}

### Open the page

Edit the page in the Lightning App Builder.
{% endstep %}

{% step %}

### Add the component

From components list, drag and drop the component **GM - Dynamic Record Card**. The component is now ready for configuration in the Lightning App Builder.
{% endstep %}

{% step %}

### Configure the properties

To perform a quick configuration, populate the properties below.
{% endstep %}
{% endstepper %}

## Properties

| Property            | Demo value                               | Notes |
| ------------------- | ---------------------------------------- | ----- |
| Card Icon           | **standard:account**                     |       |
| Show Border         | **Checked**                              |       |
| Object Name         | **Account**                              |       |
| Record Id Field     | **Id**                                   |       |
| Parent Object Name  | **Account**                              |       |
| Parent Grid Name    | **Account\_SDR\_FieldSet**               |       |
| Parent Grid Code    | **Account\_SDR\_FieldSet**               |       |
| Record Fields       | **\["Name","Website","BillingCountry"]** |       |
| Show Record Details | **Checked**                              |       |

{% hint style="info" %}
**GM - Dynamic Record Card** has the same properties as **GM - Record Card**. The component should be tied to a parent grid to get refreshed when the user clicks on a specific row. To make the link to a parent grid, the properties below should be defined:

* **Parent Object Name** : The parent object name to listen on,
* **Parent Grid Name :** The parent grid name to listen on.
* **Parent Grid Code :** The data grid code to listen on.
  {% endhint %}

## Next steps

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>GM - Dynamic Record Card</strong></td><td>Every property of the component.</td><td><a href="/package-reference/components-library/gm-dynamic-record-card.md">GM - Dynamic Record Card</a></td></tr><tr><td><strong>Grid - Dynamic Interaction</strong></td><td>Publish grid events so other page components react without leaving the page.</td><td><a href="/advanced-guides/dynamic-components/grid-dynamic-interaction.md">Grid - Dynamic Interaction</a></td></tr><tr><td><strong>Grid - Dynamic FieldSet Grid</strong></td><td>Show related records of the row selected in a parent grid.</td><td><a href="/advanced-guides/dynamic-components/grid-dynamic-fieldset-grid.md">Grid - Dynamic FieldSet Grid</a></td></tr></tbody></table>

## Dynamic Record Card Demo

Below is a step by step tutorial to configure the **GM - Dynamic Record Card** component.

{% embed url="<https://youtu.be/TUT93SoqN1E>" %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.gridmate.io/advanced-guides/dynamic-components/grid-dynamic-record-card.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.