2020.1

Contextual menu options
l
Edit String: Opens the "Translation String Options dialog" on page527 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 four 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.
For an overview of keyboard shortcuts, see "Keyboard shortcuts" on page528.
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 elements. Elements with classes or IDs show these details next to them, for
instance
div #contents > 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.
Page 562