Changing the appearance of Chart Links

Owned by Karen Hogan (Unlicensed)
Last updated: May 12, 2023 by Adam Voakes
2 min read

 

Chart Links will normally appear as text in a chart cell. It is possible to change how they look if you’d rather they looked more like buttons.

The following example, shows how with a little formatting, you can change the appearance of the link buttons.

 

To be able to achieve something like this, follow the instructions below:

 

  1. Click ‘Dashboard Configuration>Themes' and select the theme used in your dashboard on the left-hand side

  2. After selecting the theme, click ‘Chart Panel’

  3. You will now need to make changes to this tag .pi-style__chart-panel .pi-style_chart-panel_chart-link-button if the button links to another chart and .pi-style__chart-panel .pi-style_chart-panel_category-link-button if it links to a category.

  4. We added the following formatting:
    background - add the grey shading
    border-radius - adds the rounded corners
    color - changes the colour of the text
    font-size - controls the size of the link button text
    font-weight - changes how thick the lettering is (similar to making it bold)
    text-align - controls the alignment of the text
    padding-bottom - adds padding beneath the text