Skip to end of banner
Go to start of banner

Changing the appearance of Chart Links

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

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

  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

  • No labels