# Hyperlinks

The xViz Performance Flow includes a hyperlink feature that allows users to navigate directly to relevant URLs within the hierarchical structure. Each node in the hierarchy can be assigned a unique hyperlink, enabling seamless access to external information of each node.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FzVfJi9nufj2QIWb13Ij1%2FURL.gif?alt=media&#x26;token=b7dd537d-6499-4ab6-8d35-3f046d91f957" alt="" width="563"><figcaption><p>GIF 1: External Hyperlink in xViz Performance Flow</p></figcaption></figure>

To configure links in xViz Performance Flow, you must start with [#configuring-the-web-urls](#configuring-the-web-urls "mention") . You can further [#configure-hyperlinks-via-conditional-formatting](#configure-hyperlinks-via-conditional-formatting "mention")

### Configuring the Web URLs

1. The URL column in the dataset is necessary to use the Hyperlink feature in the Performance Flow,

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FVgkWshS9OlOEHo2zm0m7%2Fimage.png?alt=media&#x26;token=21689056-7fc2-4c21-9e4c-b4685f0cc795" alt="" width="563"><figcaption><p>Image 1: URL column in the dataset</p></figcaption></figure>

2. Ensure the URL column Data Category in the dataset is set to Web URL format to enable proper hyperlink functionality in Performance Flow 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%2FMU3GMdJ2soBaV8tfED5F%2Fimage.png?alt=media&#x26;token=e8151f78-300a-4bff-9d5b-4a52ec8aae6c" alt="" width="563"><figcaption><p>Image 2: Set Data category as Web URL</p></figcaption></figure>

{% hint style="success" %}
For more details on how to change the Data category, here are the steps to [Format a URL as a hyperlink in Power BI Desktop](https://learn.microsoft.com/en-us/power-bi/create-reports/power-bi-hyperlinks-in-tables?tabs=powerbi-desktop#format-a-url-as-a-hyperlink-in-power-bi-desktop)
{% endhint %}

3. Populate the "URL" column in the "Fields" data field.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FQziYZR6Xzkg5lWeehl8R%2Fimage.png?alt=media&#x26;token=1b1a6af7-8f01-4455-af20-d9f6fb07e58a" alt="" width="180"><figcaption><p>Image 3: Populate the URL column</p></figcaption></figure>

4. To access an external hyperlink for a specific node, hover over the node, click the ellipsis icon in the top-right corner, and select "Web URL" from the menu, 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%2FxKbY43LflAQAYmZbrqw6%2Fimage.png?alt=media&#x26;token=c2acebdf-90ce-44c3-9bb3-65ac99220b58" alt="" width="315"><figcaption><p>Image 4: Web URL</p></figcaption></figure>

Finally, a pop-up titled **"**&#x4F;pen Browse&#x72;**"** will appear, simply click "OK" to proceed.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FYOAEXHlmrD2T7EmJPnVZ%2Fimage.png?alt=media&#x26;token=acafcc0e-96e1-4265-a2a1-c37afc91da0a" alt="" width="375"><figcaption><p>Image 5: Open Browser</p></figcaption></figure>

As a result, clicking the "OK" will open the linked resource, providing additional insights related to the selected node, as shown below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FzVfJi9nufj2QIWb13Ij1%2FURL.gif?alt=media&#x26;token=b7dd537d-6499-4ab6-8d35-3f046d91f957" alt="" width="563"><figcaption><p>GIF 2: External Hyperlink in xViz Performance Flow</p></figcaption></figure>

### Configure Hyperlinks via Conditional Formatting

To embed the links within the node in the form of an icon or to embed on a text:

1. Click on "Conditional Formatting" option in the "Analyze" section of the top ribbon:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FXD2MCf8EGEYDVeZYecoR%2Fimage.png?alt=media&#x26;token=6d19d943-9d8b-45f5-8548-c11ae24e5d6c" alt="" width="274"><figcaption><p>Image 6: Click on Conditional Formatting</p></figcaption></figure>

2. Add new rule and select the Format by as Wen URL 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%2FiKvREo6R3vWERO2pOn9A%2Fimage.png?alt=media&#x26;token=8c7ee4ed-8556-46b7-9772-6f630b3baf38" alt="" width="285"><figcaption><p>Image 7: Format by Web URL in Conditional Formatting</p></figcaption></figure>

{% hint style="info" %}
The Web URL option in conditional formatting is available only when a column categorized as Web URL is populated.
{% endhint %}

3. Select the URL column in the "Based on" option for the hyperlink condition as shown image below. You should select the URL column in this option:&#x20;

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FfxRf0odwBka0eG8XrZeM%2Fimage.png?alt=media&#x26;token=0b913040-931a-4007-bb99-b43751eee410" alt="" width="277"><figcaption><p>Image 8: Select URL column using Based on option</p></figcaption></figure>

4. Select the column name in the "Apply to" option to set the column text in the node on which the hyperlink must appear, 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%2FkmHWABKm051wwNUUwwUN%2Fimage.png?alt=media&#x26;token=8d2e9f88-0150-4652-b564-b5276ca6c0a4" alt="" width="274"><figcaption><p>Image 9: Select column to Apply hyperlink</p></figcaption></figure>

5. Configure the Style of the hyperlink as shown image below:

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FUPYRp9Oysv22ed6Z89SF%2Fimage.png?alt=media&#x26;token=366c86a8-7368-4970-a52b-e0c6fe9736d3" alt="" width="273"><figcaption><p>Image 10: Style the hyperlink</p></figcaption></figure>

Next, click on the node text where the Web URL condition is applied 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%2FIylWJF4Kh4bnQimmsQKg%2Fimage.png?alt=media&#x26;token=096d96ac-5d05-4780-a11d-89774e42e7a9" alt="" width="349"><figcaption><p>Image 11: Click on hyperlink text</p></figcaption></figure>

Finally, a pop-up titled **"**&#x4F;pen Browse&#x72;**"** will appear, simply click "OK" to proceed.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FYOAEXHlmrD2T7EmJPnVZ%2Fimage.png?alt=media&#x26;token=acafcc0e-96e1-4265-a2a1-c37afc91da0a" alt="" width="375"><figcaption><p>Image 12: Open Browser</p></figcaption></figure>
