1.7

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.
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230.
In code, you can change an element's attribute using the function attr(); see "Writing your own
scripts" on page240 and "Designer Scripts API" on page465.
Inserting an element
To insert an element in the content of a template:
1.
Click the respective toolbar button. Alternatively, click the element on the Insert menu.
2. Add an ID and/or a class. ID's and classes are particularly useful with regard to variable
data (see "Personalizing Content" on page219) and styling (see "Styling templates with
CSS files" on page187).
3.
Use the Location drop-down (if available) to select where to insert the element.
l
At cursor position inserts it where the cursor is located in the template.
l
Before element inserts it before the HTML element in which the cursor is currently
located. For example if the cursor is within a paragraph, the insertion point will be
before the <p> tag.*
l
After start tag inserts it within the current HTML element, at the beginning, just after
the start tag.*
Page 120