# Customize Template

The xViz Performance Flow offers customized editing on predefined templates tailored to your preferences.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FYbfLwohhFrNrj8dcJ4Td%2Fimage.png?alt=media&#x26;token=d07bd67e-2e88-4915-ba09-1572ac6bec75" alt="" width="375"><figcaption><p>Image 1: Custom Template</p></figcaption></figure>

{% hint style="danger" %}
Not supported when hierarchy is created using [#id-2.-multiple-category-columns](https://docs.xviz.com/configuring-the-chart-structure/hierarchy-structure#id-2.-multiple-category-columns "mention") data structure
{% endhint %}

{% hint style="warning" %}
Note that clicking on another template will result in losing the edits made in the existing template. It is strongly advised to export the customized template immediately after making the changes to avoid any rework.&#x20;

Refer [import-export](https://docs.xviz.com/performance-management/card-formatting/customize-template/import-export "mention") to export the customized template.&#x20;
{% endhint %}

### Steps to do custom editing on predefined template

1. Navigate to the “Template” 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%2FLb1Rk9rE26vS7bQzX2gT%2Fimage.png?alt=media&#x26;token=24b53179-53de-40e4-b0a8-37bc67b2fc53" alt="" width="300"><figcaption><p>Image 2: Template option in ribbon</p></figcaption></figure>

2. Hover over the Template and Click on the "Marker" icon located at the top-right corner of the template.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FZAbd6t9hXoxvsdQJAcwD%2Fimage.png?alt=media&#x26;token=f87a6e52-dd1c-4b55-a70c-54221d277a98" alt="" width="241"><figcaption><p>Image 3: Click on "Marker" Icon</p></figcaption></figure>

3. You can then edit the template as needed.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FYbfLwohhFrNrj8dcJ4Td%2Fimage.png?alt=media&#x26;token=d07bd67e-2e88-4915-ba09-1572ac6bec75" alt="" width="375"><figcaption><p>Image 4: Custom Template</p></figcaption></figure>