Setting the Maximum Height/Width for Step Images

HTML templates allow you to limit the maximum height and width that an image can have when you export. This can be useful if you need your images to fit within certain dimensions to display properly on a web page.

Using the Preferences HTML > Templates Pane

As of ScreenSteps version 2.7 you can change the maximum image width in the Preferences > Templates pane. Just open the HTML Templates pane (1) and modify the Max Image Width property (2).

Editing Template File Directly: Open Template File

If you are not familiar with template files take a look at this lesson on how to locate them and this lesson which describes templates.

The Properties

There are two sets of template properties that you should be aware of. One set is used for images that appear on the side of the step instructions and the other set is used for images that appear above or below the step instructions.

max image width on side

max image height on side

max image width when centered

max image height when centered

You can set just the width, just the height or both. Here is a screenshot of one of the default templates included with ScreenSteps. In this template the maximum width an image can have when it appears above or below the step instructions is 580 pixels. There is no limit to the height of the image.


Add your comment

E-Mail me when someone replies to this comment