Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Click the ‘Remove’ icon next to the relevant colour.

...

Theme Configuration

This section allows users to define additional aspects associated with the stylistic parts of the dashboard, over and above the CSS tags.

...

Dashboard

Always Show Logo – When ticked, this will force the logo to always be displayed on the category. Un-ticking it will hide the logo when the category list isn’t displayed.

...

Info

The optimum size for a logo is around 100px X 50px.

Fonts

Custom Font URLs This allows you to configure Custom Fonts to be utilised in piDashboard. The URL specified needs to contain the @Font_Face rules, for example: https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap ). 

...

You could then use .pi-style__body with font-family: 'Red Hat Text' to apply to everywhere in the dashboard. 

Charts

Lightbulb Chart Border Display - when ticked; a border will be displayed around the edge of a light bulb chart type. 

...

Turn Off Tooltips – if this box is ticked, tooltips will not be displayed when you hover charts. The following screenshot shows how tooltips are displayed.

...

Show Line Dots - this is used to show line dots on Spline and Line charts. By default, this option is not selected.

...

Chart Grid Line Colour. – this is used to set the colour of the gridlines used in a chart. To specify a colour, enter a HEX code into this field.

...

Info

If a colour is not entered here, the standard dashboard grid colours will be used. Certain named colours can also be used, please see https://www.w3schools.com/cssref/css_colors.asp for more information.

Login Page

Login Screen Background Image - the background ‘splash’ screen is displayed when the login window is presented. This field supports the same image types as Login Screen Logo.

...