> For the complete documentation index, see [llms.txt](https://docs.inogic.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inogic.com/map-my-relationships/features/mind-map-visualization/custom-page.md).

# Custom Page

The **Custom Page** feature in Map My Relationships enhances the Hierarchy View and Mind Map visualization, providing a more immersive and intuitive way to explore related data. Users can now seamlessly navigate to the Mind Map or Hierarchy View directly from a record using the "Map My Relationships" button.

By displaying the **PCF controls on a full page**, it provides **expanded space**, improving the user experience and offering a comprehensive view of complex relationships.

**Steps to Add the Map My Relationships Custom Page in Your App:**

To use a custom page or open the Mind Map via the "Map My Relationships" button, you first need to enable the environment setting. **Before importing the solution,** ensure this setting is activated.

Reference Link: [Power Apps Component Framework](https://learn.microsoft.com/en-us/power-apps/developer/component-framework/component-framework-for-canvas-apps#enable-the-power-apps-component-framework-feature)

**Step 1: Enable the Custom Page Environment Setting**

1. Go to the environment settings in Power Apps.
2. Enable the Power Apps Component Framework feature. (Ensure you follow the guide linked above to set this up.)

<figure><img src="/files/IGs6o59XYvZ5RhOEWhsc" alt="Custom Page"><figcaption></figcaption></figure>

**Step 2: Add the Custom Page to Your App**

To integrate the Map My Relationships custom page into your app, follow these steps:

1. Edit the App

* &#x20;Open the app where you want to add the custom page.

<figure><img src="/files/QjkPbLSK18WVc6bMzDHk" alt="Custom Page"><figcaption></figcaption></figure>

* In the app settings, uncheck the "**Show in Navigation**" checkbox because the custom page doesn’t need to be displayed in the navigation menu. However, you still need to add it to the app.

<figure><img src="/files/yVVs6xqIlmACYrfVMxn3" alt="Custom Page"><figcaption></figcaption></figure>

2. **Configuration Settings**   &#x20;

* Under the "**Configuration**" tab, set the **Enable Custom Page Configuration** to **Yes** for the relevant entity.

<figure><img src="/files/riMKbohu0BgQphpSL0Bp" alt="Custom Page"><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:** If there are multiple configurations for a single entity, you can only have one configuration with **Enable Entity Configuration** set to Yes at a time.
{% endhint %}

3. **Finalize the Settings**

* If an entity configuration exists with "**Enable Custom Page Configuration**" set to **Yes**, the "**Map My Relationships**" button will appear.

<figure><img src="/files/URoFAMEekgmQND87Wlyj" alt="Custom Page"><figcaption></figcaption></figure>

* You can use this button to open the **Mind Map view** directly from both the Main Grid and Forms.

**Step 3: Access the Mind Map View**

1. **From the Main Grid:**

* Select a record.
* If "**Enable Custom Page Configuration**" is set to **Yes** for the entity, the "**Map My Relationships**" button will appear.

<figure><img src="/files/a39YOowdWmUTitOCKBwi" alt="Custom Page"><figcaption></figcaption></figure>

* Click the button to open the **Mind Map** directly from the grid.

<figure><img src="/files/LeVjvLl1bypa4nTD51A2" alt="Custom Page"><figcaption></figcaption></figure>

2. **From the Record Form:**

* &#x20;Open a record.
* Ensure "**Enable Custom Page Configuration**" is set to **Yes** for the entity.

<figure><img src="/files/DaBN0XYiQL2nV2aMZrBs" alt="Custom Page"><figcaption></figcaption></figure>

* The "**Map My Relationships**" button will be visible. Click it to open the **Mind Map** from the form.

<figure><img src="/files/oEezoQKQXLZ3tf9me7Am" alt="Custom Page"><figcaption></figcaption></figure>

{% hint style="success" %}
For further queries, reach out to us at <crm@inogic.com>
{% endhint %}

*