You can use the Image tool to insert an image in the design form from an external file or as an image embedded in data. By default, images you insert into the output are stored in the Images folder. However, you can also manually specify a path to the required image file as a fixed text on the Objects tab of the Edit Image dialog when adding an image object.

You have four possible options when you want to insert an image into the output:

Image from external file: use the option to insert an image into the output from an external file.

Image from image embedded in JobInfo: use the option to insert an image embedded in JobInfo. This option is recommended if you want to use the same image in the output for multiple targets as well as using different images by manipulating available JobInfos based on definite criteria.

Image from file name in JobInfo: use the option to insert an image that has a name which is specified in JobInfo.

Image from file name in input: use the option to insert an image to the output by defining a file name in the input. The function recognizes the filename of a graphic file in any of the following formats: WMF, PNG, JPG, TIFF and LnEMF.

Exercise

Download and import the attached configuration called 11. Images in Lasernet Developer 9. Afterwards, go to the Forms section, and then open the Sample form.

Image from external file

First, let us consider how to insert an image from an external fie.

1. On the Developer toolbar, click the Image button, then click the down-pointed arrow next to the button, first, select Local and Remote, and then click File.... When the pointer becomes a cross, click in the output area where to insert the image.

2. At the mouse release, the Choose an image file dialog opens, and you can now select the image file from disk. Once you are done, click Open.

A new image is now inserted into the design form.

Note: By default, the image of its original size is inserted to the output.

To control the image size, on the Position tab, set Size type to Auto Width+Height. Afterwards, specify the Position values as shown on the picture below:

As a result, a new image changes according to the specified settings.

Image from file name in input

You can also use the Image from file name in input option to insert an image based on a file name in the input data.

3. On the Developer toolbar, click the Image button, first select Job and then click File. Select the Image tag that contains the Lasernet value.

4. Edit the Image object properties: on the Image tab, select JPG as Graphics format.

5. To control the image size, on the Position tab, set Size type to Auto Height.

6. Specify the Position values as shown on the picture below:

The second image is now inserted into the design form.

Interpret as Base64

If an image is embedded in the XML data as a Base64 string, you also have an option to decode the image.

7. On the Developer toolbar, click the Image button, first select Job and then click Base64. Select the Base64 tag that has a base64 string as a value.

8. Edit the Image properties and validate that the Base64 encoded radio button is selected in the Interpret as group box.

9. To maintain the image size, set Size type to Manual.

10. Set the Position values as shown in the picture below:

You have now a third image inserted into the design form.