4.9. Card customizations

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

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.

Setting card borders
  • 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.

Uniform corner radius
Custom corner radius
  • Color: Customize your card appearance by applying a specific color or opt for a border color that dynamically reflects the variance value.

Custom border color
Variance-based border color

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.

Shadow customizations

3. Elements

Enable specific chart elements like the axes, analytics lines and data labels. You can hide the sparkline by unchecking the Hide chart option. Disable the 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.

Chart elements
KPI dashboard in reading mode

4. Position

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

KPI position

Last updated