2022.2

Base64 encoded images
Toinsertabase64encodedimageintoatemplate,youneedtogototheSourceview,insertthe<img>
tagmanuallyandsetitsURL-thesrcattribute-tothebase64string,forexample:<img src-
c=""data:image/gif;base64,R0lGO...">.
Ifthebase64stringispresentinoneofyourdatafields,youcansetthesrcattributedynamically.For
instructionssee"Howtousethecapturedorselectedimageinatemplate"onpage636.
NotethattheimagewillnotbevisibleinDesignmode,butitwillappearinPreviewmode.
Movinganimage
Animagethatisaddedtoasectionbehaveslikeacharacterandispartofthetextflow.Tomoveit,
simplyclicktheimageanddraganddropitsomewhereelseinthetextflow.Tolearnhowtowraptext
aroundit,see"Wrappingtextaroundanimage"onpage694.
Howtomakeanimagestayatacertainposition(likeanyimageaddedtoaMasterPage)isexplained
here:"Pullinganimageoutofthetextflow"onpage695.Whenanimagehasan'absoluteposition'it
canbemovedaroundfreely:hoverovertheborderoftheimagetogetamovepointer,clickthatpointer
anddraganddroptheimagesomewhereelse.
Stylinganimage
Imagescanberesizedusingthehandlesonthesidesandcorners,orviatheImageFormattingdialog,
whichopenswhenyouright-clicktheimageandselectImage...,orselecttheFormat > Imagemenu
item.
Imagescanbestyledusingthesamedialog,orthroughtheCSSfiles;see"StylingtemplateswithCSS
files"onpage672.
Anumberofissuesrelatedtoimagestylingarediscussedinaseparatetopic:"Stylinganimage"on
page693.
Justlikemanyotherelements,imagescanbegivenbordersandroundedcorners,theycanhaveinner
andoutermarginsandtheycanberotated.Howtodothisisdescribedingeneralformattingtopics,
suchas"Border"onpage697and"Spacing"onpage707.Allgeneralformattingtopicsarelistedunder
"Stylingandformatting"onpage671.
Note: ItisrecommendedtoresizeimagesoutsideoftheDesigner,withimageeditingsoftware.
Ifnecessary,itispossibletoresizeimagesautomaticallyviaascriptinaWorkflowprocess,as
explainedinahow-to:Howtoresizeimagesviaascript.

Settinganalternatetext
Onceanimagehasbeeninsertedinthecontentofatemplate,itcanhaveanalternatetext.
Page 654