2022.1

Table Of Contents

"Personalizing content" on page830). Strings, base64-encoded strings and SVG data,

stored in data fields using the DataMapper can be added to the template just like any

other variable data; see "Variable Data" on page846. They will show up in the template

as they are.

Strings and base64-encoded strings show up as strings.

SVG data will be interpreted and displayed as an image.

Note

The Signature data returned by the COTG app (as of Android 10.6.0, iOS 10.6.0,

and Windows 6.0) is formatted so that the signature will automatically be scaled to

fit in the containing box in a template. With previous versions of the app the format

of returned signatures could vary.

Adding Camera data to the template

The Camera widget submits a base64-encoded string, which can be put in a data field using

the DataMapper. When this data field is dragged into a template, the string will show up in the

content, instead of the image.

To make the image appear in a template, the data has to be used as the URL of an image.

The below procedure describes how to use Camera data as an image inside a <div> container.

The benefit of this approach is that the image automatically scales to the size of the container.

1. Click the Insert Inline Box icon on the toolbar. The Insert Inline Box dialog appears.

2. Enter an ID for the box (anything will do, as long as it helps you identify the box) and click

OK. The box is added to the text flow and can be resized if needed.

3. Switch to the Source tab and replace the content of the box:

<p>

Div content goes here

</p>

by this text:

4. Switch back to the Design tab. You will see a small, empty rectangle inside at the top of

the inline box.

5. Right-click the empty rectangle and choose New Script... in the contextual menu. The

Edit Script dialog appears. The selector of the script is automatically set to the ID of the

selected element (#camera).

Page 608