# Expand Collapse Button

Utilize the Expand Collapse Button feature to enable or disable the expand and collapse functionality for the Id/Pid and Multiple category column structure. This feature allows for better control over the hierarchical structures.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FPfqWxa9jACTao4ccYhNX%2FExpand-Collapse.gif?alt=media&#x26;token=9922ab5a-a08e-4061-9e67-0a9a6a2dfde3" alt=""><figcaption><p>Image 1: Expand &#x26; Collapse functionality</p></figcaption></figure>

### Steps to Use Expand Collapse Button

1. Navigate to the “Display” option in the top ribbon.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fp13GYet3wyz0L7phInXH%2Fimage.png?alt=media&#x26;token=7fcff22d-dff6-4068-8591-a2e82251a512" alt="" width="347"><figcaption><p>Image 2: Display option in ribbon</p></figcaption></figure>

2. Click on “Display” Tab and navigate to the “Navigation” option. Toggle the “Expand Collapse Button” option on or off according to your preference to enable or disable the expand and collapse functionality for the hierarchical structure.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FoJt0Y3Ule86pXzMHtMTO%2Fimage.png?alt=media&#x26;token=035af169-4da7-42ff-8227-42d0035ff289" alt="" width="278"><figcaption><p>Image 3: Expand Collapse Button</p></figcaption></figure>

After using the “Expand Collapse Button,” you will have control over the expand and collapse functionality for the hierarchical structure, as displayed below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FiU2gqQ78gu0RnOWt8V9O%2FExpand-Collapse.gif?alt=media&#x26;token=5534413e-a41e-49dd-85cf-c90dc944db83" alt=""><figcaption><p>Image 4: Expand &#x26; Collapse functionality</p></figcaption></figure>

### Show Node Count:

You can also show or hide the node count of the parent nodes in the visual by toggling the "Show Node Count" option below Expand Collapse Button, as shown below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FTu0njBcIQD4eEjsxTxvd%2FNode%20Count.gif?alt=media&#x26;token=9e7ebdec-f849-426b-972f-54d44484b9b5" alt=""><figcaption><p>Image 5: Node Count</p></figcaption></figure>

You can customize the display of node counts in the visual according to your preferences using the Node Count option. Additionally, you can change the color of the node counts.

### Node Count

The visual provides two options for displaying node counts, as mentioned below:

<table><thead><tr><th width="215">Node Count Type</th><th>Description</th></tr></thead><tbody><tr><td>All</td><td>Display the total node count of each node’s descendants, including all child node, grandchild node, and so on</td></tr><tr><td>Immediate</td><td>Display the total node count of only the child nodes for each node.</td></tr></tbody></table>

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FITHwqr9ewgR3irftzOIy%2Fimage.png?alt=media&#x26;token=ca32453e-f3ed-48c0-b82a-8b3f1d57591c" alt="" width="274"><figcaption><p>Image 6: Node count options</p></figcaption></figure>

### Node Count Color

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fa28MOBljkBmWQWmxPzNT%2Fimage.png?alt=media&#x26;token=520dc062-7190-4b12-af91-75ecffe92cfb" alt="" width="278"><figcaption><p>Image 7: Node count color</p></figcaption></figure>

The Node count is customized, as shown in the image below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Fn5D29IOk5TigGi5lfro7%2Fimage.png?alt=media&#x26;token=3bfc10f5-76a1-49a5-8673-d6fbf5f77722" alt=""><figcaption><p>Image 8: Node count after customization</p></figcaption></figure>

{% hint style="info" %}
When the Expand Collapse Button is turned off, the "Show Node Count" toggle and the node counts for the parent nodes will not be visible.
{% endhint %}
