1. Home
  2. Knowledge Base
  3. Output, Emails, and Designers
  4. Form Designer – Reportbuilder Tutorials

Form Designer – Reportbuilder Tutorials

QuickEasy BOS has incorporated Reportbuilder, a form designer that allows users to customise all their templates (e.g. statements, invoices, emails).

Users have access to the Data Tables and Fields, as well as editing tools to help them design forms.

These tutorials explain how to create templates.

Navigation: Main Menu > Setup > Form Designer > Reportbuilder

Reportbuilder templates may be designed from scratch, copied from an existing template and edited, or created using the form wizard from Reportbuilder > File > New > Report Wizard.

How to Create a Template

  • Quotation template is created as an example. The same procedure can be used for all Transaction Types.
  • You can create multiple Templates for the same Transaction Type.
  • When an entry is placed, there are two fields: one that contains the label and one that contains the data. You can delete the label field by clicking it and pressing Delete. You can still see a Description of the data field by clicking the field and looking at the row directly below the icons. The name of the table and the field are displayed.
  1. Create a template in QuickEasy BOS so that the name of the form is created either through the Transaction Type or Output Templates module.
  2. Open a list of Quotations.
    • Note: You cannot create a form if there is no data because the data fields will not be available to input into the form or to preview.
    • Note: The data fields available on Form Designer are created from the view that is open on the screen in BOS.
  3. Navigate to the Reportbuilder (Main Menu > Setup > Form Designer > Reportbuilder).
  4. Click File > New Report.
  5. Drag the sections (Header, Detail, Footer) down using the dividing grey bars to expand them.
  6. Check if the Data Tree panel is open on your right. If not, add it from Main Menu > View > Toolbars > Data Tree
  7. A list of the available tables from BOS is displayed on the right. When you click an entry on the Data Tree it opens a list below it that shows all the available fields. (Drag the bar that separates the two panels up or down to resize the panels.)

How to Create the Header for Transactions

  1. Entity Information:
    1. Click the entry with information about your entity, named trans_entity under the Data Tree.
    2. On the top row of icons, click DB Image (the icon with the picture) and click inside the header section to place it.
    3. On the left in the Data section, type template_image next to DataField.
    4. Check that the DataPipeline shows trans_entity (directly below DataField). If it does not, overtype the entry with trans_entity.
    5. Use the dots to drag and resize the entry until it is placed where you need it.
    6. On the left under Layout – Dynamic check the checkbox next to Stretch to adjust the logo to fit inside the block.
    7. On the top row of icons, click DBRich Text icon (the icon with the red A) and click inside the header section to place it.
    8. On the left in the Data section, type template_masthead_rtf next to DataField.
    9. Check that the DataPipeline shows trans_entity, else overtype the entry.
    10. If the Header section is too small, drag the bar with the Header label down to increase the Header’s size.
    11. Click the line icon and click the header section just below the placed fields.
    12. Drag the line using the dots until it spans the entire header section.
    13. Press Ctrl S to save your work.
  2. Customer Information:
    1. Click the Label (icon) and click the form to place the label.
    2. Double-click inside the label and type Quotation. Use the text functions above the form to centre the label, make it bold, and to increase the font size.
    3. Click trans_header under Data Tree to access information on the transaction’s header.
    4. Click and drag the following fields into the Header Section:
      1. company_name (inserts the customer’s name).
      2. contact_name (inserts the name of the customer’s contact person).
    5. Click trans_customer under Data Tree.
    6. Click and drag email into the header section.
    7. For each of the added fields:
      • Delete the labels (first part that shows the name of the field).
      • Click the field and overtype the following fields in the Layout section:
        • Height = 5
        • Left = 6
        • Width = 75
      • Drag the fields to space them vertically which sets the top margin.
    8. Click trans_header under Data Tree.
    9. Click and drag address into the header, next to the company name.
  3. Document Information:
    1. Next to the address, create labels for:
      1. Number (QT No.)
      2. Date
      3. Rep
    2. Click trans_header under the Data Tree.
      1. Drag trans_no from the Fields section next to the text Number
      2. Drag date_trans from the Fields section next to the text Date
    3. Click trans_rep and drag nickname from the Fields section next to the text Rep.
    4. For each of the added fields, adjust the layout as described in Step 2g.
  4. Labels:
    1. Insert a horizontal line below the previous entries (click the line icon and drag the line to span the page).
    2. Insert labels just below the line and above the section break for the following fields:
      1. Description
      2. Qty
      3. Unit
      4. Adj % (Include this field only if the adjustment is negative (a discount) that you want to make the customer aware of.)
      5. Unit Price
      6. Total (Exc)
      7. VAT
      8. Total (Inc)
      9. Change the labels’ appearance and size (e.g. bold, 10 pts).
      10. Insert another line below the labels.
      11. Press Ctrl S to save your work.
  5. Click Preview (tab) to see what the layout looks like. Adjust as needed.

How to Create the Detail Section

  1. Click the icon next to Report Tree to switch the left-side panel to Report View.
  2. In the block on the left that shows Data select trans_items from the dropdown list next to DataPipeline.
  3. Click the Region (icon) (6th icon from the right) and click the detail section.
  4. Under Appearance click the plus sign next to Pen.
    • Change the Style to psClear.
  5. Under Layout check the checkboxes next to ParentWidth and ParentHeight.
  6. Under Layout – Dynamic check KeepTogether.
    • Note: The region block helps to keep the data together and will insert a new page if there are too many transactions.
  7. Click trans_items on the Data Tree and drag the following fields into the region block below where the headings were created:
    1. description 
    2. qty 
    3. unit
    4. disc_per (adjustment percentage: Adj %)
    5. total_unit_cur (This field is the total unit price in the transaction’s currency.)
    6. total_cur (This field is the total due, excluding VAT in the transaction’s currency.)
    7. vat_cur (This field is the VAT amount.) 
    8. total_vat_cur (Total due including VAT in the transaction’s currency.) 
  8. Align the added fields using the icons on the font section. The totals should be aligned right.
  9. Change the font size and colour (e.g. black 10 pts) using the options on the font section.
  10. Press Ctrl S to save your work.
  11. Add a sub report (inside the region) to show the full Estimate Description as follows:
  12. Click the SubReport icon (yellow icon 5th from the right).
    1. Next to DataPipeline select est_description.
    2. Uncheck the checkbox next to ParentWidth.
    3. Type the width to match the width of the description (e.g. 75).
    4. Align the sub report with the description.
    5. Click the tab at the bottom that shows SubReport1: est_description.
      1. Drag these fields into the Detail section:
        • caption
        • note
      2. Align the fields next to each other. Look at the margin bar and check that the fields end where the description ends on the main report (Main: trans_items).
      3. Adjust the font and alignment as needed.
      4. For the Note field below Layout – Dynamic, check the checkbox next to Stretch. This step expands the block to fit the full description.
      5. Press Ctrl S to save your work.
  1. Click the tab Main: trans_items to return to the main report.
  2. Add a sub report to show inactive quantities as follows:
    1. Click the SubReport (icon) (5th from the right) and click the region block to add it.
    2. Select est_qty_inactive as the DataPipeline.
    3. Click the tab at the bottom that shows SubReport2: est_qty_inactive
      1. Drag the same fields as mentioned in Step 7b-h from est_qty_inactive and place them aligned with the fields matching their names.
        • Write down the left margin and width of each field to help you align them.
        • Place them on the right until they are all placed.
        • Hold down the shift key and click on all the fields to select them.
        • Move them to the left so they start where SupReport2 starts. (SubReport2 starts under the Qty column on the main design – see the screenshot.)
      2. Change the font, text colour (grey) and alignment of the fields.
      3. For each of the number fields click the three ellipses next to DisplayFormat under Text. Select the second option from the dropdown list.
  3. Click the tab Main: trans_items to return to the main report.
  4. Press Ctrl S to save your work.
  5. Click Preview (tab) to check that the report is generated correctly.

  1. Insert a horizontal line on the first line of the footer (click the line icon, click the footer, and drag the line to span the page).
  2. Click the label icon (the large black A).
  3. Click inside the footer section to place the label and drag it to the left.
  4. Double-click the placed label and change the text to Terms & Conditions.
  5. Click trans_header on the Data Tree and drag credit_term from the fields below the label you created in Step 2. Resize the field to allow for a block of text if you have complicated terms.
  6. Delete the label name (optional).
  7. Create labels for the following fields and align them on the right below the respective fields in the detail section:
    1. Subtotal
    2. VAT
    3. Total
  8. Click trans_header on the Data Tree:
    1. Drag the field total_cur below the text Subtotal.
    2. Drag the field vat_cur below the text VAT.
    3. Drag the field total_vat_cur below the field Total.
    4. For each of these fields, in the Text section on the left click the ellipses next to DisplayFormat and select the second option (which uses 2 decimal places).
  9. Press Ctrl S to save your work.
  10. Click the icon System Variables (5th icon from the left).
    1. Click the form to place it.
    2. Select one of the options (e.g. date, time, page number) on the dropdown list, which is just below the row of icons and shows Date at first.
    3. Add more System Variables if needed. For example, place the date and time below the terms and conditions so you have a record of when the quotation was generated. Place the page number and page count on the right. Insert labels if needed (e.g. Page (label), page number (variable), of (label), page count (variable)).
  11. In the Layout block on the left: Adjust all the fields to be aligned and where applicable have the same width and height.
    • Note: If the layout block is not there, you are still in Report View. Click any field on the table to switch back to Layout View.
  12. Press Ctrl S to save.




Tips

  • If the preview does not display anything, go to a transaction and output the report. Close the output and return to Reportbuilder. This step tends to trigger the preview.
  • Drag fields anywhere onto the relevant section and use the layout block on the left to type the actual coordinates, instead of trying to visually position and align the fields. This method also helps you coordinate the heights and widths of fields.
  • After dragging a field onto a section, click anywhere else in that section. This breaks the label and field into two parts which makes it easier to then delete the label part.
  • Instead of double-clicking labels, you can also enter the caption in the Text section on the left.
  • To start over, simply create a new form and save it over the existing form.

How to Copy a Template

  • Copying a template is easier than creating a new template from scratch because most of the fields are already there; you only need to edit them.
  • Copying forms also ensures consistency because all the layouts follow the same pattern (e.g. logo on the left, address on the right).
  1. Create a template in BOS so that the name of the form is created either through the Transaction Type or Output Templates module.
  2. Open a Transaction list (e.g. Main Menu > Workflow > Quotations).
    • Note: You cannot create a form before entering data, because the fields are only created as data is input.
    • Note: The data fields available on Form Designer are created from the view that is open on screen.
  3. Click Main Menu > File > Open and select a template from the list. (Or Main Menu > File > Load From File to open a report created elsewhere.)
  4. Click Open (button).
  5. If you receive the message Error Reading Template, click Ignore All and relink the template once it is loaded.
  6. Save the template before changing it: click Main Menu > File > Save As and select an option on the list (the name you created in Step 1), click Save (button).
  7. Make any changes as needed:
    1. Add fields as required.
    2. Click a field and press Delete on your keyboard to remove it.
    3. Click a field and drag it to reposition it.
    4. Click a field and use the dots to resize it.
    5. Double click a text field to change the text.
  8. Remember to save your work often because there is no auto-save feature (press Ctrl S).

  • When you receive a message Error Reading Template, it often means that the template is looking for data fields that are not in your current version of QuickEasy BOS. It mostly happens when you import a template from another database.
  • In that case, you must relink the fields to your current data fields.
  1. Click the field you want to change.
  2. At the top (below the icon row), the list of fields is opened.
    1. From the dropdown list in the first block, select the Data Table.
    2. From the dropdown list in the second block, select the Field.
  3. Repeat Steps 1-2 until all the fields are relinked.
  4. Save the form (Main Menu > File > Save or Ctrl S).

How to Change the Print Setup

  1. Click the icon next to Report Tree to switch the left-side panel to Report View.
  2. In the Layout (tab) on the left, click the + next to PrinterSetup to expand the view.
  3. Select the printer next to PrinterName from the dropdown list of all the printers you have installed.
  4. Change any of the other settings, as necessary.
  5. Click Main Menu > File > Save.

About Data Pipelines

  • All the data is in DtmdlOutput.
  • Each field under DtmdlOutput consists of multiple sub-fields.
  • If you click a field, the sub-fields are displayed in an expanded tree view or in the block below (depending on your settings).
  • Each sub-field is linked to its parent field.
    • You cannot use a sub-field without including the parent field because the form must know where to fetch the data from (it needs the link).
    • This rule also applies to sub-fields of sub-fields.
    • For example, if you want to display quantities, you need to include the header (trans_header) to indicate where the quantities source from (e.g. Quotation) and the sub-field that contains the quantity (e.g. est_qty) before you can display the quantity (qty).
    • The information must be inserted into the form using DBText or DBMemo fields. (Do not use rich-text fields to access these pipelines because rich-text fields do not create the necessary links).
Image of a Data Tree

Related Articles