2018.2

Tip
Wrapping elements in a box (or in a semantic HTML element) makes it easier to target them in a
script or in a style sheet. Place the cursor in the element or select multiple elements. Then, on the
menu, click Insert > Wrap in Box. You can now use the wrapper element as a script's or style's
selector; see "Using the Text Script Wizard" on page305 and "Styling and formatting" on
page251.
Tip
With the Copy fit feature, text can automatically be scaled to the available space in a Box or Div.
See "Copy Fit" on page266.
Positioned Box
A Positioned Box is one that can be freely moved around the page and does not depend on the
position of other elements. A positioned box is actually a <div> element that has an absolute
position; in other words, it has its CSS property position set to absolute (see also: "Using the
CSS position property" on page269).
Positioned Boxes are suitable for use in Print templates only.
Adding a Positioned Box
To insert a Positioned Box, use the icon on the toolbar.
Moving and resizing a Positioned Box
Positioned Boxes can be moved by dragging the borders, and resized using the handles on
the sides and the corners. Pressing any arrow key moves the box by 1 pixel in the direction of
that key.
Alternatively the size and position can be set on the Attributes pane. Note that the size and
offset values will be displayed in the default print units as defined in the preferences. Also note
that currently, Y-offset and X-offset cannot be left empty.
To move or resize multiple Positioned Boxes at the same time, hold the Ctrl key while selecting
them. You could either select them in the Design view (the main editor) or in the Outline pane.
Page 222