2022.2

Contextual menu options
l
Edit String:Opensthe"TranslationStringOptionsdialog"onpage502fortheclickedtranslation
entry.
l
Delete:Deletestheclickedtranslationentryand(optionally)removesthetranslationtagfrom
matchingelements.
Workspace
TheWorkspacepaneiswhereeverythingcomestogether.Itisthecontentsofthepage,theWYSIWYG
editorthatshowswhattheoutputwilllooklike.
TheWorkspacecontainsthreetabs.Toswitchbetweenthetabs,clickonthetabatthebottom,or
selectView > Design View,Preview VieworSource Viewonthemenu.
Alockicondisplayednexttothefilenameindicatesthatthefileisread-only.Savingaread-onlyfile
openstheSaveasdialog,allowingyoutosavethefileunderadifferentname.Thenewfileisthen
openedandcanbeeditedintheDesigner.
Foranoverviewofkeyboardshortcuts,see"Keyboardshortcuts"onpage502.
Design tab
TheDesigntabshowsthetemplateincludingallstyles,textandimagesaswellastheplaceholders
usedforvariabledata.Inthistab,thetemplate'sscriptsarenotexecutedandonlyplaceholdersare
shown.
NormallyyouwouldonlyeditatemplateinDesignmode.
ThetopoftheDesigntabcontainsanareawiththefollowingoptionsandbuttons:
l
Breadcrumbs:Displaystheelementtypewherethecursorislocatedandanyofitsparentele-
ments.ElementswithclassesorIDsshowthesedetailsnexttothem,forinstancediv #con-
tents > ol.salesitems > li.ClickonanelementintheBreadcrumbstoselectit.
WhenanelementisselectedinthebreadcrumbsandtheBackspaceorDeletekeyispressed,
thatelementisdeleted.
Ifthedeletedelementwastargetedbyascript,youwillbeaskedifyouwanttodeletethescript
aswell.
l
Context Selector:Displaysthecurrentcontext.Thedrop-downlistsavailablecontexts.Clicking
onacontextswitchestothatcontext.
l
Section Selector:Displaysthecurrentlyactivesection.Clickingonanothersectionswitchesto
thatsection.
Page 531