Page Comparison

In this short walk-through "Hello world" applicationexample, we'll show step by step how you can create your SMART template, using dynamic layout functions.

Define your document

For this example , we created a document , and set the units to pixels, since the output intent will be a web banner.

This document is set to 728 x 90 px. You can set the default units in the Environment > View Preferences

Make the document size documentsize variable

Instead of having a set fixed dimension for the document (Add), we will make 2 variables , and assign the width and height of the document to these variables.

When changing the values of these variables, this will impact the respective width and height of the document will resize.

This is a first step in making the document dynamic.

1. Add 2 variables (see documentation on Variables)
   1. "addwidth"
   2. "addheight"
2. Make sure to type Type them as "number" variables
3. In the documents tab, click on the Formula button, and button Image Added and add the name of the created variable.

...

1. Set the value of the variable in the Variables tab

...

Now, when you update the values, the document will change.

...

When adding an image to that frame, you must choose a "fitting".
We choose to fit proportional outside. Meaning, we'll loose some image, but the frame is always filled, without loosing the proportions.

...