2018.1

Step 2. Add the file that contains the collection of images to the template's Resources
(see "Adding images" on page601).
Step 3. Display part of the collection file as an image in the template.
l
Static images that are part of an image file can be displayed via Cascading Style Sheets
(CSS). This technique is much used in web design. In this technique, the file that contains
a collection of images is called an image sprite. The trick is to create a Box (or Div) for
each image and give that box an ID (see "Boxes" on page570). Then use the ID in a style
sheet to select the Box and write a style rule (see "Styling templates with CSS files" on
page616) that sets its background image to the image sprite and positions the image.
For an explanation and examples of this style rule, see
http://www.w3schools.com/css/css_image_sprites.asp.
l
Dynamically added images are loaded in a script. To retrieve one page from a PDF file
in a script, add the page parameter to the file path and set that as the source of the image.
Here is an example (assuming that the page number is stored in a variable pageNumber):
var imageStr = "";
var imagePath = "file:///C:/image-collection.pdf?page=" +
pageNumber;
imageStr += '<img src="' + imagePath + '">';
results.after(imageStr);
Generating Print output
Print output can only be generated from the Designer when a data set is available (see
"Loading data" on page658). The Designer merges all sections in the Print context (see "Print
context" on page385) with the data set, and generates the output using those data values.
Connect supports a number of different types of print outputs. These include:
l PCL
l PDF
l PostScript (including the PPML, VIPP and VPS variants)
To generate Print output, select File from the menu and choose Print or Proof Print. .
Page 1104