2022.1

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557.
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.
l Section Selector: Displays the currently active section. Clicking on another section
switches to that section.
Page 591