Roadmap Builder
Compose your roadmap page using blocks - no code required.
The Roadmap view is a block-based builder. You arrange sections of content by stacking blocks, each with its own settings. What you build becomes the public page visitors see on your portal.
Adding Blocks
Press / anywhere on the canvas to open the block picker. Type to filter, then press Enter or click to insert. You can also click the + Add a block button that appears between blocks on hover.
Available Blocks
| Block | What it does |
|---|---|
| Heading | Section title - H1, H2, or H3 |
| Text | Paragraph content |
| Timeline | Roadmap items grouped by quarter |
| Progress | Completion ring showing % done |
| Status Breakdown | Dot summary of item counts per status |
| Image | Uploaded image, width and alignment controls |
| Logo | Your brand logo |
| Divider | Thin horizontal separator |
| Spacer | Vertical breathing room |
| Embed | YouTube, Loom, or any iframe URL |
Image and Embed blocks require a Pro plan.
Reordering Blocks
Drag the grip handle on the left of any block to reorder it. Changes save automatically.
Block Settings
Click any block to open its settings panel on the right. Settings vary by block - Timeline lets you choose grouping (quarter, month, status), Progress lets you pick ring or bar style, and so on.
Custom Styling
Use the Customize button in the toolbar to apply custom CSS to your roadmap page. This lets you override fonts, colors, and spacing to match your brand.