Document TemplateImage Fields

Description

Learn how to include images in your Document Templates using the imagefield property and control their dimensions.

Image field types are supported by using the "imagefield" property.

Sample Image Data

Data describes movie titles with cover art images.

{
    "static": [
        {
            "title": "101 Dalmatians",
            "year": 1996,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4281.JPG"
        },
        {
            "title": "12 Monkeys",
            "year": 1995,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4282.JPG"
        },
        {
            "title": "16 Blocks",
            "year": 2006,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4283.JPG"
        },
        {
            "title": "2 Days in the Valley",
            "year": 1996,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4284.JPG"
        },
        {
            "title": "300",
            "year": 2007,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4285.JPG"
        },
        {
            "title": "50 First Dates",
            "year": 2004,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4287.JPG"
        },
        {
            "title": "8 Heads in a Duffel Bag",
            "year": 1997,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4288.JPG"
        },
        {
            "title": "A Midsummer Night's Dream",
            "year": 1999,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4289.JPG"
        },
        {
            "title": "A View to a Kill",
            "year": 1985,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4290.JPG"
        },
        {
            "title": "A Walk in the Clouds",
            "year": 1995,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4291.JPG"
        },
        {
            "title": "About Last Night...",
            "year": 1986,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4292.JPG"
        },
        {
            "title": "Absolute Power",
            "year": 1997,
            "image": "https://alphamediacapture.s3.amazonaws.com/movies/4293.JPG"
        }
    ]
}

Document Template

{
    "table": {
        "area": {
            "border": {
                "style": "Single"
            }
        },
        "columns": [
            "100pt",
            "64pt",
            "200pt"
        ],
        "body": {
            "sections": [
                {
                    "name": "*root",
                    "source": "*root",
                    "sections": [
                        {
                            "source": "*header",
                            "rows": [
                                {
                                    "textformat": {
                                        "color": "White"
                                    },
                                    "area": {
                                        "bottom": {
                                            "style": "Single"
                                        },
                                        "fill": {
                                            "color": "Black"
                                        }
                                    },
                                    "cells": [
                                        {
                                            "text": "Title"
                                        },
                                        {
                                            "text": "Year"
                                        },
                                        {
                                            "text": "Image"
                                        }
                                    ]
                                }
                            ]
                        },
                        {
                            "rows": [
                                {
                                    "bottom": {
                                        "style": "Single"
                                    },
                                    "height": "1in",
                                    "cells": [
                                        {
                                            "field": "title"
                                        },
                                        {
                                            "field": "year"
                                        },
                                        {
                                            "imagefield": "image",
                                            "imagewidth": "150pt"
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    }
}

PDF with images