2020.2

To add an ID and/or class to an element that has already been added to a template, select the
element (see "Selecting an element" on page194) and type an ID and/or a class in the
respective fields on the Attributes pane at the top right.
The ID gets removed when you use the Element Type drop-down in the toolbar to change an
element into another type of element, a paragraph into a heading for example.
Note
Each ID should be unique. An ID can be used once in each section.
Other attributes
Apart from the ID and class, elements can have a varying number of properties, or 'attributes' as
they're called in HTML (see "Editing HTML" on the previous page). Which properties an
element has, depends on the element itself. An image, for example, has at least four attributes:
src (the image's URL), alt (alternate text), width and height. These attributes are visible on the
Attributes pane when you click an image in the content.
For each type of element, a small selection of attributes is visible on the Attributes pane at the
top right.
In a multilingual template, the proprietary data-translate attribute marks an element for
translation. For more information see "Translating templates" on page440 and "Tagging
elements for translation" on page442.
Changing attributes via script
Many attributes can be changed via the user interface. Another way to change attributes is by
using a script.
Any of the Script Wizards can produce a script that changes an attribute of an HTML element.
Set the Options in the Script Wizard to Attribute, to output the script's results to the value of a
specific attribute. See "Using the Text Script Wizard" on page343.
In code, you can change an element's attribute using the function attr(); see "Writing your own
scripts" on page381 and "Standard Script API" on page780.
Page 192