> 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FUD761vF3JKysLNDQs0xH%2Fmmr%201.png?alt=media&amp;token=36639ee5-6f82-4302-93b1-9b8646311c43" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FHwjL6XTT81TKnP8PtYSr%2Fsales%20hub.png?alt=media&amp;token=628a3ff7-a589-4b6f-a8a1-b9a1e4025a98" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FlMXE67Sj4lMf50rt8RWG%2Fshow%20in%20navigation.png?alt=media&amp;token=2810e752-1c97-4af1-af86-00bfa9b33d07" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2Fe9li2V0ngsURcy7JCl20%2Fenable%20custom%20page.png?alt=media&amp;token=1c7839b5-c6e8-4ca4-b7d1-f95cb4baee26" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FpAnkrkmC7PVE7gUYKdED%2Fmmr%20button.png?alt=media&amp;token=354ff860-0df7-4aea-8501-29344620fb93" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2F7QN8MJ23Yybn19Bz0nZP%2Fmmr%20button.png?alt=media&amp;token=0143732c-f885-412c-935c-e1c224b958de" alt="Custom Page"><figcaption></figcaption></figure>

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

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FzEJJrDeMz3tUBR6aEkxs%2Fcustom%20page.png?alt=media&amp;token=bfa23a0c-72bb-404f-aed6-a1b066ec9ee0" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FOCi9bsnqfsySJ0zyUMT9%2Fform%20mmr%20button.png?alt=media&amp;token=5fd2a548-d182-4c10-83fc-7099681b150d" 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="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FOpVTNYOfsTLHDvmCFVhL%2Fform%20mind%20map%20custom%20page.png?alt=media&amp;token=7f8133f4-4bea-43ee-9748-212427c5f12e" alt="Custom Page"><figcaption></figcaption></figure>

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

*
