2018.1

Table Of Contents
Connect classes and attributes
Connect itself sometimes adds a specific class or attribute to elements in a template. Capture
OnTheGo widgets, for example, have a role attribute that allows the COTG library to dictate
their behaviour. Connect classes and attributes can be used in selectors, as will be explained
and demonstrated below.
Connect-specific classes usually are invisible in the Designer. By opening the currently
selected section in your default web browser (click the Preview HTML toolbar button) and using
the browser's code or source inspector you can see most of the dynamically added classes.
Warning
Avoid using classes with the __ol prefix in your selectors. These dynamically added class names
may change in future releases of the software.
Section selector
The Designer writes the name of each section to the section attribute of the <html> element.
This attribute can be used in selectors.
Example
The following rule applies formatting to <h1> elements in sections of which the name starts with
Letter’:
[section^='Letter'] h1 {
color: brown;
}
Note
To make scripts run exclusively on certain sections, it is advised to put them in folders and set the
execution scope of the scripts in a folder via the folder properties; see "Execution scope" on
page696.
Page 727