2018.2

tab. The borders will not be visible on the Preview tab.
There are two more ways to select an element in the content:
l Using the Breadcrumbs at the top of the workspace.
Breadcrumbs show the HTML tag of the clicked element, as well as the HTML tags of
'parent elements': elements inside of which the clicked element is located. The clicked
element is at the end of the line.
Elements with classes or IDs show these details next to them, for instance div
#contents > ol.salesitems > li ~contents.
Click any of the elements in the Breadcrumbs to select that element. If an element is
selected in the Breadcrumbs and the Backspace key is pressed, that element is deleted.
Click ~contents to select the contents of the element. This way you may, for example,
quickly change the text of a hyperlink.
l
Using the Outline pane. You can find this pane next to the Resources pane. It displays a
tree view of the elements in the file. Click an element in the tree view to select it.
Deleting an element
To delete an element, select it - as described above - and press the Delete key.
If the deleted element was targeted by a script, you will be asked if you want to delete the script
as well.
Scripts are used to personalize templates. To start learning more about scripts, see
"Personalizing Content" on page292 and "Writing your own scripts" on page340.
Styling and formatting an element
Format elements directly
Images and other graphical elements can be resized by clicking on them and dragging the
resize handles. There are toolbar buttons to color, indent or style text. Other toolbar buttons can
Page 175