2022.2

Table Of Contents

Boxes

Boxesareelementsthatareusedtosurroundotherelements,eithertostylethem,tofindthem,orto

placetheminspecificlocations.

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729and"Stylingandformatting"on

page671.

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685.

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prop-

erty"onpage687).

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val-

ueswillbedisplayedinthedefaultprintunitsasdefinedinthepreferences.

l

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.

l

HoldtheShiftkeywhileresizingaPositionedBoxtoensuresthattheboxretainsitsaspectratio.

l

HoldtheShiftkeywhiledraggingaPositionedBoxtomoveithorizontallyorvertically.

Dynamically changing the position

APositionedBoxhasthefollowingattributes:

Page 623