Changing the appearance of Chart Links

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