# Grid - Dynamic Record Card

**GM - Dynamic Record Card** component dynamically displays record details related when the user click 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](https://docs.gridmate.io/grid-dynamic-interaction#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.

1. Edit the page in the Lightning App Builder.
2. From components list, drag and drop the component **GM - Dynamic record Card**.
3. The component is now ready for configuration in the Lightning App Builder.
4. To perform a quick configuration, populate the properties below: 
   * 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.**

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

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

{% 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 %}