2022.2

is:file://<host>/<path>.
Note: Ifthehostis"localhost",itcanbeomitted,resultinginfile:///<path>,for
example:file:///c:/resources/images/image.jpg.
l
Urllistsimagefilesfromaspecificwebaddress.Selecttheprotocol(httporhttps),and
thenenterawebaddress(forexample,http://www.mysite.com/images/image.jpg).
3. Withanexternalimage,youcanchecktheoptionSave with template.Ifthisoptionischecked,
thefilewillbeinsertedintheImagesfolderontheResourcespane.
Ifnotsavedwiththetemplate,theimagewillremainexternal.Notethatexternalimagesneedto
beavailablewhenthetemplateismergedwitharecordsettogenerateoutput,andthattheirloc-
ationshouldbeaccessiblefromthemachineonwhichthetemplate'soutputisproduced.
Externalimagesareupdated(retrieved)atthetimetheoutputisgenerated.
4. Selectanimagefromthelist.
5. IftheimageiscontainedinaPDFfilethatconsistsofmorethanonepage,selectthedesired
page.
6. ClickOK.
7. Setthesizeoftheimage.Theoptionsareexplainedhere:https://www.w3schools.-
com/cssref/css3_pr_background-size.asp.
8. Setthepositionoftheimageinthebox.
9. Finally,clickOK.
Note: Itisalsopossibletosetanelement'sbackgroundinastylesheet;see"Stylingtemplates
withCSSfiles"onpage261.WhenreferringtoimagesorfontsfromaCSSfile,refertoapath
thatisrelativetothecurrentpath,whichiscss/.Forexample:#header { background-image:
url('../images/image.jpg'); }.
Border
Inanytypeoftemplate,boxes,tablesandtablecells,paragraphs,imagesandotherelementscanhave
aborder.
Elementshavearectangularshape,sotheirborderhasfoursides.Eachsideofthebordercanhavea
differentlayout.
Addingaborder
1. Right-clicktheelementandclicktherespectiveelementontheshortcutmenu.
Alternatively,selecttheelement(see"Selectinganelement"onpage174)andontheFormat
Page 285