Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.ideaboxai.com/llms.txt

Use this file to discover all available pages before exploring further.

The Dashboard Settings panel gives you full control over the visual presentation of your dashboard. You can align it with your brand colours, choose a typography style, adjust spacing, and add your organisation’s logo — all with a live preview that updates in real time as you make changes.

Opening Dashboard Settings

Click the settings icon in the top-right toolbar of any dashboard to open the Dashboard Settings modal. All styling options are grouped under the Styling tab.

Primary Colour

Set your brand’s primary colour to apply across buttons, highlights, and interactive elements throughout the dashboard. Dashboard Settings showing Primary Colour picker, Chart Colour Palette options, and Dashboard Background toggle.
  • Click the colour swatch next to Primary Colour.
  • Enter a hex code directly (e.g., #3541ed) or use the colour picker to select visually.
  • The preview updates instantly to reflect your selection across all chart elements.

Chart Colour Palette

Choose how data series colours are applied across all charts in the dashboard.
PaletteStyle
DefaultBalanced multi-colour palette suitable for most dashboards.
WarmReds, oranges, and earthy tones. Ideal for energy, retail, or consumer dashboards.
CoolBlues, purples, and teals. Works well for technology and financial dashboards.
MonochromeGreyscale range for minimal, print-friendly presentations.
Custom PaletteDefine your own sequence of colours to match your brand guidelines precisely.
Click any palette card to select it. The Live Preview at the bottom of the panel updates immediately.

Dashboard Background

Control the overall background appearance of the dashboard canvas.
  • Light — White background. Recommended for presentations and reports.
  • Dark — Dark background. Suited for operational monitoring screens or command centres.
  • Custom — Set a specific background colour using a hex value.

Font Selection

Choose the typeface applied to all text across the dashboard — titles, labels, values, and tooltips. Dashboard Settings showing Font Selection with DM Sans, Inter, and Lato options, and Organisation Branding upload.
FontCharacter
DM SansModern & friendly — approachable for general business use.
InterClean & neutral — high legibility for data-dense dashboards.
LatoWarm & professional — polished look for executive-level reports.
Click the font row to select it. A tick appears on the active selection, and the Live Preview reflects the change immediately.

Organisation Branding

Upload your company or team logo to display on the dashboard.
  • Click Organisation Branding to expand the section.
  • Upload an image file (PNG or SVG recommended for best quality).
  • The logo appears on the dashboard header, making it suitable for client-facing or embedded deployments.

Layout

Fine-tune the spacing and shape of chart cards on the dashboard canvas using the three sliders. Dashboard Settings showing Layout sliders for Chart Padding, Grid Gap, and Card Border Radius with Live Preview.
SettingWhat it controlsDefault
Chart PaddingInternal spacing between chart content and the card edge.16px
Grid GapSpacing between chart cards on the canvas grid.10px
Card Border RadiusCorner rounding on each chart card.12px
Drag any slider left or right to adjust the value. The Live Preview shows the impact on a representative layout in real time.
For client presentations, increase Card Border Radius to 16–20px and reduce Grid Gap slightly to create a polished, card-based layout. For dense operational dashboards, keep padding and gaps low to maximise data density on screen.

Live Preview

Every change you make — colour, font, background, layout — is reflected immediately in the Live Preview panel within Dashboard Settings. This shows a miniature representation of KPI cards and a chart so you can validate the look before applying. Once you are happy with the design, click Save to apply the settings to the full dashboard.