Info Grid Component
The info grid component displays a structured set of labelled field values arranged in a grid layout. It is the standard component for project metadata on cover pages, status snapshots at the start of sections, and any layout that needs to show a compact group of named values.
When to use
- Cover page fields (Project name, Client, Contract value, Reporting period, Data date, Report author).
- Section header snapshot (Current period budget, Planned %, Actual %, Variance).
- Summary block showing multiple KPI values in a compact labelled layout.
Adding the component
- Open the report output in the Output Designer.
- Click + Insert → Info Grid.
- Position and resize the component.
- In the Data tab, bind a section and configure grid cells.
Grid structure
The info grid uses a flexible column layout:
| Property | Options |
|---|---|
| Columns | 2, 3, or 4 columns per row. |
| Row count | Auto (grows to fit all configured cells) or Fixed (truncates extra cells). |
| Cell span | Each cell can span 1, 2, or (in a 4-column grid) 3 columns. |
Configuring cells
Each cell in the grid has:
| Property | Description |
|---|---|
| Label | Static label text shown above or to the left of the value. |
| Label position | Above value (stacked) or Left of value (inline). |
| Value source | A specific field from the bound blueprint section. |
| Value format | Inherits the field type's format (currency, date, percent, etc.) — or override with a custom format. |
| Conditional colour | Colour the value text based on a condition (e.g. variance > 5% = red). |
| Icon | Optional icon beside the label (from the icon library). |
| Empty value | Text to show when the field is blank (default: "—"). |
Typography
| Property | Options |
|---|---|
| Label font size | 8–12pt (smaller than value for visual hierarchy). |
| Label colour | Muted grey or match the theme colour. |
| Value font size | 10–16pt. |
| Value font weight | Normal, Semi-bold, Bold. |
Border and background
| Property | Options |
|---|---|
| Cell border | None, Full, Outer only, Bottom only. |
| Cell background | None, Alternating shading, or per-cell conditional fill. |
| Border radius | 0–8px. |
Export behaviour
- PDF / Word: Renders as an HTML table with merged cells. Formatting is preserved.
- Excel: Exports as a 2-column "Label / Value" table on a separate sheet.