The report editor: pages, toolbar, preview and settings
Reorder and toggle pages, rename the page you are editing, add a new page, preview a page as PDF, choose a price list in Report Settings and save the proposal as a layout.
Video tutorial coming soon
The written steps below are complete. Producing the video? Use the video script tab — it follows these steps one for one.
Rough runtime
5:08
Scenes
9
Lesson
6.3 · Proposals & quotes
File name
06-03 report-editor-tour.mp4
Before you record
- A draft proposal with the seven standard pages.
- Record at 1920×1080, browser zoom 100%, light theme, sidebar expanded, no personal data on screen. See Recording standards.
Shot list
| # | Time | Scene | Screen | On screen | Narration |
|---|---|---|---|---|---|
| 0 | 0:0020s | Intro: The report editor: pages, toolbar, preview and settings | /edit/report/[reportId] | Title card, then the first screen of the lesson. | Let us learn the editor itself: pages, toolbar, preview and settings. Everything else in this module happens inside it. |
| 1 | 0:2039s | Read the toolbar | /edit/report/[reportId] | Open a proposal. Read the toolbar: "Editing: <page title>", "Save as layout", "Report Settings", "Review and Share", "Preview", "Delete Page". On mobile they sit in a ⋮ menu. | The toolbar: what page you are on, settings, preview, share. Click the title to rename the page. |
| 2 | 0:5939s | Reorder and hide pages | /edit/report/[reportId] | In Pages, drag a page by its handle to a new position. Flip the switch on the Warranty page off. | Drag to reorder. The switch hides a page from the homeowner without deleting it, handy for a warranty page that does not apply. |
| 3 | 1:3839s | Add a page | /edit/report/[reportId] | Click "New Page". Enter a Title and pick a Type: "Text / Document", "PDF Upload" or "Shared PDF". Click "Create Page". | New Page adds a free text page, a one-off PDF upload, or one of your shared PDFs such as a brochure. |
| 4 | 2:1739s | Delete a page | /edit/report/[reportId] | Select a page and click "Delete Page". Confirm in the "Delete Page" dialog. | Delete Page removes it for good, so prefer the switch when in doubt. |
| 5 | 2:5639s | Preview a page | /edit/report/[reportId] | Click "Preview". | Preview renders the current page exactly as it will print. |
| 6 | 3:3539s | Report Settings | /edit/report/[reportId] | Click "Report Settings". Under "Pricing" choose "Default price list" or an additional list. | Report Settings has one job: which price list this proposal uses. |
| 7 | 4:1439s | Save as layout | /edit/report/[reportId] | Click "Save as layout", give it a "Layout name", tick "Shared" to let the team use it, and click "Save layout". | Built something you want to reuse? Save as layout and it becomes a starting point for every future proposal. |
| 8 | 4:5315s | Recap & next lesson | /edit/report/[reportId] | Hold on the finished result, then the end card. | Editor mastered. Next: the cover and text pages. |
Narration, in order
0. Intro: The report editor: pages, toolbar, preview and settings
0:00 · 20sTitle card, then the first screen of the lesson.
Let us learn the editor itself: pages, toolbar, preview and settings. Everything else in this module happens inside it.
1. Read the toolbar
0:20 · 39sOpen a proposal. Read the toolbar: "Editing: <page title>", "Save as layout", "Report Settings", "Review and Share", "Preview", "Delete Page". On mobile they sit in a ⋮ menu.
The toolbar: what page you are on, settings, preview, share. Click the title to rename the page.
Show before cutting: Clicking the page title lets you rename it; Enter saves.
2. Reorder and hide pages
0:59 · 39sIn Pages, drag a page by its handle to a new position. Flip the switch on the Warranty page off.
Drag to reorder. The switch hides a page from the homeowner without deleting it, handy for a warranty page that does not apply.
Show before cutting: Order changes immediately; a page with its switch off stays in the editor but is left out of the agreement the homeowner sees.
3. Add a page
1:38 · 39sClick "New Page". Enter a Title and pick a Type: "Text / Document", "PDF Upload" or "Shared PDF". Click "Create Page".
New Page adds a free text page, a one-off PDF upload, or one of your shared PDFs such as a brochure.
Show before cutting: The page appears at the end of the list and opens.
4. Delete a page
2:17 · 39sSelect a page and click "Delete Page". Confirm in the "Delete Page" dialog.
Delete Page removes it for good, so prefer the switch when in doubt.
Show before cutting: The page is removed; this cannot be undone.
5. Preview a page
2:56 · 39sClick "Preview".
Preview renders the current page exactly as it will print.
Show before cutting: The "Document Page Preview" shows the current page as PDF.
6. Report Settings
3:35 · 39sClick "Report Settings". Under "Pricing" choose "Default price list" or an additional list.
Report Settings has one job: which price list this proposal uses.
Show before cutting: Quote suggestions and prices follow the chosen list.
7. Save as layout
4:14 · 39sClick "Save as layout", give it a "Layout name", tick "Shared" to let the team use it, and click "Save layout".
Built something you want to reuse? Save as layout and it becomes a starting point for every future proposal.
Show before cutting: The layout appears in Settings → Layouts.
8. Recap & next lesson
4:53 · 15sHold on the finished result, then the end card.
Editor mastered. Next: the cover and text pages.
Related lessons
Additional price lists and overrides
Create a second price list (retail, insurance, commercial), include products and override their prices, then point a proposal or layout at it.
Price list & pricingIntermediate7 min
Proposals explained: reports, layouts, templates and pages
The vocabulary and the moving parts: how a proposal is made of pages, how layouts and templates differ, and what the homeowner actually receives.
Proposals & quotesBeginner6 min
Cover, introduction, terms and text pages
Style the cover with a branding theme, write the introduction and terms with the rich text editor, use tokens to personalise text, and pull in a saved template.
Proposals & quotesBeginner6 min
Quote editor: options, sections and items
Build up to three quote options, add sections and items from your price list, set quantities, rename tabs, inherit items from a parent option and write the description.
Proposals & quotesBeginner10 min
Finished this lesson?