Skip to content

columns

Puts two to four blocks side by side in equal shares, such as a chart and the events that explain it; they stack on a narrow screen.

columns: takes a list of 2 to 4 blocks directly, with no mapping and no id. Each child gets an equal share of the width; under 900 px they stack top to bottom in the written order, so put the block a person needs first first. There is no width or span: the theme decides spacing, the app decides only what sits next to what.

When to use

Use it when

  • A chart and the timeline or list that explains it belong next to each other, such as hand-offs per hour beside the latest events.

  • Two short things a person compares at a glance, such as what an agent may do and what it may not do.

  • A form beside the note that says what happens after it is saved.

Use another block when

Hand-offs per hour beside the latest events

Closed per hour today

08:00: Closed 31, Handed off 409:00: Closed 44, Handed off 610:00: Closed 52, Handed off 308:00: Closed 31, Handed off 409:00: Closed 44, Handed off 610:00: Closed 52, Handed off 3
ClosedHanded off
  1. Opened by M. Okafor from the portal

    · portal

  2. Network agent pushed the corrected VPN profile

    · Network agent

  3. Requester confirmed the fix

    · M. Okafor

columns:
  - chart: { title: Closed per hour today, kind: bar, source: hourly, x: hour, series: [closed, handed_off] }
  - timeline: { source: events, at: at, title: title, actor: actor, tone: tone }
<a id="columns-1"></a>

<a id="chart-1"></a>

**Closed per hour today** — bar chart, 3 points, hour 08:00 … 10:00

- closed: 31–52
- handed_off: 3–6

<a id="timeline-1"></a>

- 2026-10-31 09:12 · Opened by M. Okafor from the portal (portal)
- 2026-10-31 09:13 · Network agent pushed the corrected VPN profile (Network agent)
- 2026-10-31 09:20 · Requester confirmed the fix (M. Okafor)

Where the money goes, beside the tools still rented

Where the money goes this month

Agent results: 6.1kTools still rented: 4.1kPeople hours on tickets: 2.6k
Agent results6.1kTools still rented4.1kPeople hours on tickets2.6k
  • Expense tool

    Renews on 1 December

  • Remote support seats

    Renews on 15 January, 40 seats

columns:
  - chart: { title: Where the money goes this month, kind: donut, source: spend, x: category, series: [usd], format: usd }
  - list: { source: tools, title: name, subtitle: detail }
<a id="columns-1"></a>

<a id="chart-1"></a>

**Where the money goes this month** — donut chart, 3 points, category Agent results … People hours on tickets

- usd: $2,650–$6,140

<a id="list-1"></a>

- Expense tool — Renews on 1 December
- Remote support seats — Renews on 15 January, 40 seats

What an agent may and may not do

May do: reset passwords, unlock accounts and send verified MFA reset links.

May not do: change a manager's access or anything in payroll; those go to a person.

columns:
  - markdown: { text: '**May do:** reset passwords, unlock accounts and send verified MFA reset links.' }
  - markdown: { text: "**May not do:** change a manager's access or anything in payroll; those go to a person." }
<a id="columns-1"></a>

<a id="markdown-1"></a>

**May do:** reset passwords, unlock accounts and send verified MFA reset links.

<a id="markdown-2"></a>

**May not do:** change a manager's access or anything in payroll; those go to a person.

States

  • ready

    always drawn; it reads no data

This block offers no actions; it only shows.

JSON Schema

Search

esc

Go to