Skip to main content

Including Images in Document Templates

In many situations, you may need to include image objects in documents generated during the execution of a process, such as photos, charts, bar codes, logos, signs, among others.

Bizagi allows the inclusion of images in document templates. The benefit of this is a more detailed and richer document appearance.

Considerations​

  • The images included in document templates have to be part of the Process information; that is, they have to be loaded during the Process execution in an Image-type attribute.
  • Images in document templates are displayed at full, original size and are not resized.

How to Include an Image in a Document Template​

Images in document templates are included in a similar way to other information. First, it is necessary to define an image-type attribute in the data model of the process, then create a Word template and include a template tag, and finally, map the attribute to the corresponding tag.

In the following example, we will illustrate these steps.

In the first activity of a new employee onboarding process, the human resources assistant includes the information of a new employee. To keep a physical hard copy record of the employee's information, a document containing all data of the new employee is generated and printed. This document includes a photo of the employee.

To include the employee's photo and other information in a document template, follow these steps:

  1. Create the Word Template with the Necessary Tags

    • Note that we have included a Photo tag to show the employee's photo, similarly to the other tags in the document (e.g., Name).

    DocumentTemplates55

  2. Go to the Activity Form and Add Controls for Your Data Source

    • Add an image-type control to upload the employee's photo.

    DocumentTemplates56

  3. Insert a Document Template Control and Configure the Associated Word Template

    DocumentTemplates57

  4. Map the Controls to Corresponding Tags in the Document Template

    • In the mapping options of the Configuration Wizard, relate each control with its corresponding tag in the document template. Note that we relate the image control with the corresponding document tag (Photo), in the same way we do for the other control types.

    Close the Configuration Wizard and save the form.

    DocumentTemplates58

  5. Go to the Work Portal, Fill the Necessary Information, and Generate the Document

    • Upload the employee's photo and generate the document by clicking the Generate Document button.

    DocumentTemplates59

When finished, your document should look like the following:

DocumentTemplates60