Report Designer: Printout Template Customization
Overview
Printout templates are used to generate item-based documents such as invoices, credit notes, quotes, and other printable patient sale records. A printout is generated from the context of a specific item (for example, from a Credit Note or Quote via the Print action).
Standard (built-in) templates are
read-only and cannot be modified directly.
Customization is done by
duplicating an existing standard templat
e and modifying the copy to match clinic or company requirements.
Step-by-Step: Creating a Custom Printout Template
- Go to Environment settings → Print settings → Printing templates.
- Locate the required standard printout template (for example, Credit Note [Basic]).
- Open the three-dot menu next to the template and select Duplicate.
A new custom template is created and listed separately. - Make the required layout and formatting changes.
- Save the template.
The custom template is now available for use when printing the corresponding items.
Editor Structure and Navigation
Report Bands (Layout Structure)
A printout layout consists of
bands. Bands define where controls appear and how often they are printed on the document. You can view, select, and manage bands using the colored panel on the left side of the report canvas.
A report layout consists of
bands that contain report controls and define their location on document pages.
Commonly used bands include:
- Top Margin / Bottom Margin
Printed once on every page. Typically used for page numbers or static footer text. - Report Header
Printed once per document. Used for unique item information such as document number, date, patient details, or clinic information. - Group Headers
Used when data is grouped (for example, grouping line items by category). - Detail Band
Displays repeating data from the dataset. This band is printed once for each record (for example, each product or service).
Band Usage Rules- Place unique item data (invoice number, date) in header bands.
- Place repeating data (products, services, payments) in detail bands.
Report Designer Interface Overview
When editing a printout template, the Report Designer interface consists of the following main areas:
(1)
Left panel – Toolbox
The Toolbox contains controls that can be added to the printout layout:
- Label
Displays static text. - Picture Box
Used for images such as clinic logos. - Table
Displays structured, tabular data such as line items.
To add a control,
drag it from a Toolbox
and drop it onto the report canvas.
(2)
Upper panel -
Document Viewer Toolbar
Provides standard actions such as:
- Cut, copy, paste
- Undo / redo
- Zoom and scaling options
(3)
Right panel
– Configuration Tabs
The right panel contains four tabs used to configure the printout:
- Properties
Displays settings for the selected element, such as title, formatting, alignment, borders, and size. - Expressions
Used to define calculated or formatted values based on existing fields. When editing an expression, the Expression Editor opens. - Fields
Displays all dataset fields available for use in the printout.
Users can: - Search for fields and drag them onto the canvas.
- Create calculated fields based on existing fields.
Do not modify or delete existing dataset fields.
- Report Explorer
Shows a hierarchical view of all bands and elements, helping with navigation and selection.
(4)
Center – Report Canvas
The Report Canvas is the central area where the layout is visually designed.
You can position, resize, and align elements directly on the canvas.
(5)
Preview mode
Preview mode shows how the printout will look with real data before saving or using the template. It is recommended to preview changes after each significant modification.
Understanding Printout Data
Printout templates use predefined datasets. If certain information is missing in the template, it means the data is not provided by predefined queries.
Key points to understand:
- Only fields included in the dataset are supported.
- New datasets or fields (unless based on an existing field) cannot be created within template. Only calculated fields derived from existing data fields can be used.
- If required information is not available, the customer is advised to submit a request for the field to be added.
In many cases, datasets contain
more fields than are shown in the default layout. These additional fields can be used in custom templates.
Step-by-Step: Common Customization Tasks
The following tasks describe the most common and supported customizations for printout templates.
Add a data field
- Open the Fields panel (1).
- Locate the required field in the dataset (2).
-
Drag the field onto the Design Canvas (3).
- Adjust formatting using the Properties panel.
Hint: It is often easiest to copy formatting from another field. Select an existing field with the desired appearance while the Properties panel is open, then select the new field and apply the same property values. - Preview the printout to validate data binding.
Add table columns
- Select the table on the Design Canvas.
- Select an existing column.
- Insert a new column to the left or right.
- Drag a dataset field into the new column.
- Adjust column width and alignment.
- Preview the result.
Remove unnecessary elements
- Right-click the element to remove on the Design Canvas.
- Select Delete from the context menu.
- If removing table columns, resize remaining columns to maintain layout.
- Use Preview mode to confirm the result.
Add space on the Canvas
In most cases, you can create additional space in a printout template by
expanding an existing band.
If you need to introduce a
new logical section for a larger amount of new information, you can also insert a new band.
Expand an existing band
Use this approach when you need more space within the same logical section of the printout.
Use this approach when you need more space within the same logical section of the printout.
- On the Design Canvas, locate the band where you want to add content.
- Hover over the bottom edge of the band until the resize handle appears.
- Drag the handle downward to increase the band height.
- Add or reposition elements within the expanded area.
Advanced: Insert a new band
Insert a new band only if you need a new logical section (for example, separating grouped data or adding a dedicated footer section).
- On the Design Canvas, right-click a band next to where you want to add space.
- Select Insert Band from the context menu.
- Choose the required band type (for example, Report Header, Group Header, or Footer).
- Adjust the band height and add elements as needed.
Adjust fonts, colors, borders, and background
- Select the element to format.
- Use the Properties panel to adjust fonts, colors, borders, and alignment.
- Apply consistent formatting across similar elements.
- Preview the changes.
Add calculated field
- Insert a Label or Text control.
- Define a calculation using the Expressions panel.
- Preview to validate results.
Add company logo
- In the Toolbox, select Picture Box.
- Drag the Picture Box onto the Design Canvas, typically into the Report Header section.
- The Picture Box is selected automatically.
- In the Properties panel, locate the image source setting.
- Select the image to be use.
- Adjust size and position using drag handles or Picture Box tasks in the Properties panel.
- Use Preview mode to verify alignment.
Add specialist signature
You can add a specialist’s signature to a printout in two supported ways, depending on how the signature is stored.
Option 1: Use signatures uploaded in Environment settings
Environment Settings → Scheduler Settings → Specialists → Signature
- Add a Table to the report canvas with two rows.
- In the first (upper) row, enter a static label such as “Signature”.
- Open the Fields panel on the right.
- Expand jsonDataSource > specialist.
- Locate the signatureUrl field.
- Drag and drop specialist.signatureUrl into the second (lower) row of the table.
- Adjust size and alignment using the Properties panel.
- Use Preview mode to verify that the signature is displayed correctly.
Option 2: Upload a PDF signature from your computer
- Drag PDF Signature from the Toolbox onto the report canvas.
- Select the PDF Signature control.
- In PDF content tasks > Source, click the three-dot button.
- Browse to the required PDF file and click Open.
- Resize and position the signature as needed.
- Preview the printout to confirm the result.
More information about the underlying Web Report Designer framework is available in the developer documentation:
Report Designer | DevExpress End-User Documentation.