Module 13 · Specialist · 9 min read

The Document Designer

You will be able to: Open and edit a template safely; Add fields, pictures and columns; Preview, save and set a template as default.

  • Read not done yet
  • Self-check: not taken not done yet
  • Lesson complete not done yet

Designers ▸ Documents is where you change the layout of printed documents: invoices, quotations, vouchers and more. A template is a page made of bands (horizontal stripes: header, detail table, summary and footer) holding text, fields, pictures, barcodes, lines and boxes. The designer changes how documents print. It never changes the document itself.

Zeyto ships ready-made templates for each kind of document and paper size. They are read-only. When you save one, Zeyto keeps your edited copy and uses it from then on, and the original is left untouched. The POS till receipt is not a template: its layout is fixed.

The workspace

Choosing a template opens a full-screen workspace. A ribbon on top holds the tools in groups (File, Home, Insert, Page, View, and a Table tab when a table is selected). A toolbox on the left has element tools, with the Fields and Outline drawer beside it. The Properties panel is on the right and a status bar at the bottom shows the selection and zoom. Press ? for the designer's own tutorial and shortcuts.

The Document Designer opening screen listing the document types and their templates with the New template button.

Designers, Documents: pick a document type to design.

Designers, Documents: pick a document type to design.
The Document Designer workspace with the paper canvas in the middle, the field list on the left and the properties panel on the right.

The workspace: canvas, field list and properties.

The workspace: canvas, field list and properties.

Common jobs

  1. Change an element: click it, and its settings open in the Element tab. Change Font size, Align or Text colour in the Style tab, or the words in the Content tab.
  2. Add a field: open the Fields tab, find the field and drag it to the page, or double-click to add it to the selected band. A dimmed field is one this kind of document never fills and would print blank.
  3. Add a table column: click the table first, then double-click a line-item field, or use + Field in the Data tab.
  4. Add a logo: open Insert ▸ Image, then Choose picture. Leave the picture empty to print the company logo from Company Profile.

Check, save and publish

  1. Press Preview PDF. A new tab opens with the file drawn by the production PDF engine, from your latest posted document of that kind, or sample data.
  2. Fix every item in the Problems list. A problem blocks saving; a thing worth checking does not.
  3. Press Save. If it was a shipped template, the message says you saved your own copy.
  4. Press Set as Default so this template is the one used when this kind of document is printed.
FeatureWhat it does
DuplicateMakes a copy named with (copy) in the template list
Reset to standardDeletes your edited copy of a shipped template and brings the standard one back
Export JSON / Import JSONBacks up or moves a template to another Zeyto install; an import starts an unsaved template
Version historyLists every saved version of your copy and lets you load an earlier one
Visible whenA condition such as doc.total == 0; the element prints only when it is true
Carry totals across pagesPrints Carried forward and Brought forward lines on multi-page tables
Adding a columnTo add the item barcode to an invoice table: select the table, double-click the barcode field in the Fields tab, drag the heading to the position you want, and set a width in millimetres. Preview PDF with the latest invoice to check the column fits.
Watch outMoney on a printout should come from the Totals fields, which are the figures Zeyto posted. A formula can work out its own amount, and that may differ from the posted one.
TipIf someone else saved the same template while you were editing, Zeyto says so instead of overwriting their work. Reload to see their version. If the browser closed with unsaved changes, the designer offers them back the next time you open that template.

Try it in the demo

  1. Open Designers ▸ Documents in the demo and filter by document type Sales Invoice.
  2. Open the default template, click an element and look at the Element tab.
  3. Press Preview PDF and read the Problems list if one appears. Do not save over shared demo templates.
Open the live demo

Public demo company, sign in as admin / demoAdmin123. Data refreshes nightly.

Key takeaways
  • Shipped templates are read-only; saving creates your own copy.
  • Preview PDF uses the production engine; problems block saving.
  • Set as Default decides which template prints.
  • Use Totals fields for money so print matches the posting.

Check yourself

4 questions on this lesson. Not timed, not the exam, and you can try again. Score 60% or more, and read the lesson, to complete it.

1. Where should money on a printout come from?

2. What does Preview PDF use to draw the page?

3. A problem listed in the designer blocks saving, while a thing worth checking does not.

4. What happens when you save a shipped (standard) template in the designer?

Practice questions for this module · Printable study sheet