# 4.9. Card customizations

You can tailor the appearance of your KPI cards by applying a border/shadow and positioning the KPI metrics.&#x20;

### 1. Border

* **Border position and thickness:** Demarcate your cards with a border on all 4 sides or a specific side (left/right/top/bottom). You can specify the border weight in pixels.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FUoG9O76TVUWWPcmzTzEY%2Fimage.png?alt=media&#x26;token=51e02c66-df63-458b-b9ae-b9ab8e645484" alt=""><figcaption><p>Setting card borders</p></figcaption></figure>

* **Corner radius:** To give your cards a sleek, rounded look, simply set a corner radius. Choose the **All** option to set a uniform corner radius or the **Custom** option to set a different radius for each corner.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F7SlxBIlUbcCuqn7T4K4d%2Fimage.png?alt=media&#x26;token=732f749d-fb49-4175-b7dc-260a5cea3fe9" alt=""><figcaption><p>Uniform corner radius</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fl7xrGrfxfOJBMxL3xUKq%2F2024-11-13_17h30_30.png?alt=media&#x26;token=5db7bec3-f178-4580-a601-689914723b48" alt=""><figcaption><p>Custom corner radius</p></figcaption></figure></div>

* **Color:** Customize your card appearance by applying a specific color or opt for a border color that dynamically reflects the variance value.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FMlx9AulQxrNBzx2wGcvU%2Fimage.png?alt=media&#x26;token=0ac54486-d52d-4ac2-9706-32300376fa6c" alt=""><figcaption><p>Custom border color</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FjYEq9nBZcwMU6Q7ONXLd%2F2024-11-13_17h43_18.png?alt=media&#x26;token=9dfa61c9-4064-4291-a87d-825bace35d9f" alt=""><figcaption><p>Variance-based border color</p></figcaption></figure></div>

### 2. Shadow

* **Shadow position and color:** Select the shadow position and color to enhance the visual depth of your cards. Check the **No Shadow** option to disable shadows for cards.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FV7PTn8uXVPXXFQD9Lojt%2Fimage.png?alt=media&#x26;token=5b721cc3-ea0a-4159-b6ba-e84a44d5c485" alt=""><figcaption><p>Shadow customizations</p></figcaption></figure>

### 3. Elements

Enable specific chart elements like the axes, [analytics ](https://docs.inforiver.com/analytics+/working-with-analytics+/19.-analytics)lines and data labels. You can hide the sparkline by unchecking the **Hide chart** option. Disable the [sync highlight](https://docs.inforiver.com/analytics+/13.-data-selection#id-5.-sync-highlight) feature if you do not want the selections in one panel to affect other panels.

The first image shows the KPI dashboard with all elements enabled. The second image shows the same dashboard in reading view, with axes, data labels and sync highlight disabled.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FHyiOVSw2RZn8SIojuUig%2Fimage.png?alt=media&#x26;token=135e788f-bac9-43bb-b01e-71926f7ce0c8" alt=""><figcaption><p>Chart elements </p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FTT0j69F8Rmst9q98l8Cp%2F2024-11-13_17h53_13.png?alt=media&#x26;token=e9e7acb3-bb52-4063-8bf5-f907f500addd" alt=""><figcaption><p>KPI dashboard in reading mode</p></figcaption></figure></div>

### 4. Position

Set the position of the KPI metrics with respect to the sparkline.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FrFJDMsKrHwxJGjPEYhy6%2FUntitled%20Project.gif?alt=media&#x26;token=afda1e99-b83b-416e-8587-a127ca017391" alt=""><figcaption><p>KPI position</p></figcaption></figure>
