Format and themes

Formatting changes how a report looks, not what data it shows. You set it in the Format tab of the Visualizations pane.

Before you start

• Open the report in the editor. See Create a report.
• Formatting is saved with the report when you click Save.

Open the Format tab

1. Click Format in the Visualizations pane.
2. Pick what to format:
   • Click an empty spot of the canvas to format the page and the report theme.
   • Select a visual to format that visual.

For a visual, the tab has two sub-tabs: Visual has the cards of that visual type, General has the cards every visual has. Use Search cards and properties to find a setting. Reset all formatting puts the visual back to its defaults.

Page format

With no visual selected, the Format tab shows the page settings.

Page name and size

• Page name: 1 to 100 characters.
• Canvas settings, Type: pick a size.

Type	Size (pixels)
16:9	1280 × 720
4:3	960 × 720
Letter	816 × 1056
Tooltip	320 × 240
Custom	Width and height from 320 to 4000

Vertical alignment places the page at the Top or in the Middle of the view.

Canvas background and wallpaper

Canvas background is the page itself. Wallpaper is the area around the page. Each one has:

Setting	What it does
Color	A color as #rrggbb.
Transparency (%)	0 to 100.
Gradient end color	Turns the color into a gradient.
Picture…	A PNG, JPEG or WebP picture, up to 2 MB.
Picture fit	Cover fills the area. Contain shows the whole picture.
Remove	Removes the picture.

Page tabs and auto refresh

• Hide page tabs in the viewer: use it when the report has its own page navigator. See Canvas objects.
• Auto refresh: reloads the page on an Interval (seconds). It works only on a page with a Realtime visual. Your organization sets the shortest interval. Not available yet: the minimum interval cannot be loaded, so the setting cannot be saved.

Report theme

A report theme sets the colors and font of every visual in the report. A visual’s own colors and format still win.

1. Click an empty spot of the canvas.
2. In Format, under Report theme, pick a theme.

Theme	What it is
App default	No theme.
Fresco, Ocean, Sunset, Forest, High contrast, Monochrome	Built-in themes.
Custom	Your own theme.

Make a custom theme

1. Click Customize….
2. Set the theme:
   • Name: 1 to 100 characters.
   • Palette: 1 to 12 colors. Click Add color to add one.
   • Font: Inter, System font, Serif or Monospace.
   • Text color, Page background, Visual background. Click Use default to clear one.
3. Click Apply.

A warning shows when the text color is hard to read on the background (contrast below 4.5:1).

Import and export a theme

• Export JSON saves the current theme as a file.
• Import JSON… loads a theme file, up to 64 KB. The file can only have the keys name, palette (1 to 12 #rrggbb colors), font, text_color, background and visual_background.
• Remove theme goes back to App default.

Tip

Export a theme from one report and import it into others so they all look the same.

Format a visual

Select a visual, then open Format. Each card groups related settings. Click a card name to open it. A card that can be shown or hidden, such as Legend, has a switch next to its name.

General cards

Every visual has these cards in General:

Card	Sets
Title	The title field (up to 200 characters), plus Title, Subtitle, Divider and Spacing
Effects	Background, Visual border (rounded corners 0 to 40, width 0 to 10), Shadow
Padding	Space inside the visual
Tooltips	The tooltip shown on hover
Header icons	Filter icon, Focus mode and More options on the visual header
Alt text	A description for screen readers
Lock aspect	Keeps the width-to-height ratio when you resize

Position and size sets the exact position and size of the visual.

Visual cards

The Visual sub-tab shows the cards of the visual type. Common ones:

Card	Sets
X-axis, Y-axis	Axis type, range, title, labels, gridlines. The y-axis also has Logarithmic and its position.
Secondary y-axis	The second axis of line and column charts.
Legend	Position, title, font size and color.
Colors	The color of each series or data point.
Data labels	Show values on the chart: position, font, color, display units, decimal places.
Total labels	Totals on stacked charts.
Columns, Bars	Spacing, overlap, rounded corners (0 to 20), border.
Lines	Stroke width (1 to 10), line style, interpolation (straight, smooth or step).
Markers	Shape (circle, square, diamond, triangle) and size (2 to 20).
Zoom slider	A slider to zoom the axis.

Cards, gauges, tables and matrices have their own cards. See Visuals.

Font sizes go from 8 to 48. Colors are entered as #rrggbb.

Note

Some colors can follow a rule instead of a fixed value. See Visuals for conditional formatting.

Number formats

By default a field uses the format set in the data model. See Measures.

To change it for one visual:

1. In the Build tab, click the arrow on the field chip.
2. Open Number format and pick one:

Option	Example
Model format	The format from the data model
Whole number (1,235)	1,235
Two decimals (1,234.57)	1,234.57
Percent (12.3%)	12.3%
Custom…	Type a pattern, such as #,##0.00 or 0.0% (1 to 64 characters)

The Y-axis and Data labels cards also have Display units (None, Auto, Thousands, Millions, Billions) and Value decimal places (0 to 10).

Frequently asked questions

I picked a theme but a chart kept its colors. Why? Colors set on the visual win over the theme. Use Reset all formatting on the visual to follow the theme again.

Where is the page format? Click an empty spot of the canvas so no visual is selected, then open Format.

Can I hide one page from viewers? No. You can only hide all page tabs with Hide page tabs in the viewer.