> 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/tree-view-visualization/color-coding.md).

# Color Coding

#### Overview

Color Coding assigns a distinct color to each table. In Tree View, that color is applied to a record's avatar badge and to the border of its entity node, making it easy to visually distinguish record types (Account, Contact, Opportunity, etc.) within the tree at a glance.

#### How to Configure Entity Color Coding

Color Coding is configured using the standard Dataverse table color setting in the Power Apps maker portal.

1\.   Open the Power Apps maker portal and go to Tables.

2\.   Select the table for which you want to set a color, such as Account.

3\.   On the table's overview page, select Properties.

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FXSVShiIQ82iG4Ct3DNoG%2Fimage.png?alt=media&amp;token=ea4569c6-2844-481b-a5a5-9c7931ae31c1" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Figure: The Account table's overview page in Power Apps, with the Properties option highlighted.</em></p>

a.   In the table properties panel, locate the Color field and select the color swatch to open Select color.

b.   Choose a color using the color picker, the color spectrum slider, or by entering exact Hex, Red, Green, and Blue values.

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FlahVLyKQC3Te9MEBCqd3%2Fimage.png?alt=media&amp;token=53741965-2c34-4fab-88eb-da0fe14c453a" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Figure: The Select color dialog for the Account table, with the color set via hex value #a83d3e.</em></p>

c.   Select Save to apply the color to the table properties.

d.   Go to Advanced > Publish table to publish the change so it takes effect.

#### Result

After the table color is saved and the table is published, Tree View displays that color on:

·     The colored avatar badge shown on each node for that table.

·     The outline/border of the entity node for that table (for example, Contact nodes are outlined in the Contact table's assigned color).

<figure><img src="https://272130504-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0QoyqUVI8_HaZ9FOSL%2Fuploads%2FDbqeqlUa2KsYtO4iogbs%2Fimage.png?alt=media&amp;token=cb77c09e-e6a3-442f-9f27-b54a9189931c" alt=""><figcaption></figcaption></figure>

<p align="center"><em>Figure: Entity Color applied in Tree View. The Contact node and card border, and the Contact avatar badge, use the color assigned to the Contact table, distinguishing them from Account-colored elements.</em></p>