Resizable frames

Making a frame in an article template "resizable" means that it will change size to make an over-set or under-set body text copy-fit.

Example - Resize image by column

In the following example there is a one column image that we want to grow to two columns if needed. This is achieved by selecting the frame and then clicking Adjust frame size in the settings panel.

The first setting decides in what direction the frame should be resized. There are a number of choices to set this:

Direction

Description

Ratio

Left

The frame is resized by adjusting the left edge of the image.

-

Right

Same as above, but adjusting the right edge.

-

Top

Same as above, but adjusting the top edge.

-

Bottom

Same as above, but adjusting the bottom edge.

-

Left top

Adjusts the position of the top left corner of the frame.

Keeps ratio

Right top

Adjusts the position of the top right corner.

Keeps ratio

Left bottom

Adjusts the bottom left corner.

Keeps ratio

Right bottom

Adjusts the bottom right corner.

Keeps ratio

Horizontal

Adjusts the right and left edges of the frame equally.

-

Vertical

Adjusts the top and bottom edges of the fram equally.

-

All

Adjusts all edges of the frame. Stops when hitting another frame, but continues with the other edges.

-

All (keep ratio)

Same as above, but stops when an edge hits another frame to keep the ratio.

Keeps ratio

In this example the image is set to should grow/shrink from the right bottom.

Settings for the image frame.

Next choice is to decide the minimum and maximum size of the image. The image should grow/shrink by columns, so the Use points check box is left un-checked. The min and max is set to 0 and 2 columns, changed by steps of 1.

Finally, the Order is set to "1" to resize the frame before any other resize frames (the quote frame in this example).

To make the caption follow the size of the image it's set to belong to the same group as the image frame. Then check the Inherit from parent option to make it adjust to the same size as the image.

Caption frame set to follow the size of the image frame.

Changing a frame by column is a quite rough way to affect the under-set or over-set of an article since the operation itself moves a lot of text. To handle this you will need some way to fine adjust the text. Let's move to the next example.

Note: from version 2.1 the check box to switch from columns to points has been replaced with a drop down menu for selecting unit. See image below.

Drop down menu for selecting unit.

Example - Resize height of a quote frame

By letting a frame resize by points it is possible to fine adjust the text flow. In this example we will look at the quote frame in the sample article.

Settings for the quote frame.

These settings are equal to the settings described for the image frame with some exceptions:

  • The direction is set to Vertical to make the quote resize up and down in the column.

  • The Use points setting is checked.

  • The min and max values are set in points.

  • The value for Steps is set to be the same as the baseline grid.

  • Order is set to "2" to make the quote resize and fine tune after the image frame.

The result

If the text article looked like this before the elastic operation, with an under-set body text:

Before.

After running the elastic process the image is spanning over two columns and the quote is slightly increased in height.

After.

Note that the empty frame in the bottom left has been automatically removed during handling optional frames.

Last updated

Was this helpful?