Includes dialog

The Includes dialog defines which style sheets and JavaScript files should be applied to a section when generating output (see: Styling templates with CSS files and Using JavaScript).

To open this dialog and make settings for one section, right-click the section on the Resources pane and select Includes.
To do this for all Web sections at the same time, right-click the Web context on the Resources pane, or select Context > Includes on the main menu. (This menu option is only available when a Web section is being edited in the Workspace.)

Email clients do not read CSS files and some even remove a <style> tag when it is present in the email's header. Nevertheless, CSS files can be used with the Email context in the Designer.
When generating output from the Email context, all CSS rules that apply to the content of the email can be processed and added either to the header of the email or to inline style properties as if local formatting was applied, depending on the Email section properties. See Email section properties.

1. From the File types dropdown, select Stylesheets, JavaScripts or all.

2. The list at the left displays the style sheets and/or JavaScript files that are present in the template's resources. The list at the right shows the style sheets and/or JavaScript files that will be included in the output of the current section (or in all Web sections, if you are making settings for the Web context).

   Use the Include and Exclude buttons to move files from one list to the other.

3. Files are included in the order shown. To change this order, click one of the included files and use the Up or Down button.

   Note: The styles in each following style sheet add up to the styles found in previously read style sheets. When style sheets have a conflicting rule for the same element, class or ID, the last style sheet ‘wins’ and overrides the rule found in the previous style sheet.