The 2015 template allow you to include custom CSS and JavaScript site-wide as well as page-by-page. Site-wide customizations are configured in the Site settings and page customizations are configured in the Settings section of the Page datadef. The two instances use similar datadef element to set these configurations:

Adding custom CSS

Datadef element	Description
Include custom css	Select 'yes' if you want to apply custom styles to your site or page.
CSS > Reference	Only appears when 'Include custom css' is set to 'yes'. You can add and remove instances of this field group using the + and - toggles.
CSS > Reference > Type	Select 'local' if your css file is located in Cascade. Select 'remote' if your css file is located on another website.
CSS > Reference > File	Required if 'Type' is set to 'local'. The location of the desired css file.
CSS > Reference > URI	Required if 'Type' is set to 'remote'. The location of the desired css file. Be sure to provide the full web address of the file, including 'http://' or 'https://' as appropriate.

Adding custom JavaScript

Datadef element	Description
Include custom JavaScript	Select 'yes' if you want to apply custom scripting your site.
JavaScript > Reference	Only appears when 'Include custom JavaScript' is set to 'yes'. You can add and remove instances of this field group using the + and - toggles.
JavaScript > Reference > Type	Select 'local' if your JavaScript file is located in Cascade. Select 'remote' if your JavaScript file is located on another website.
JavaScript > Reference > File	Required if 'Type' is set to 'local'. The location of the desired JavaScript file.
JavaScript > Reference > URI	Required if 'Type' is set to 'remote'. The location of the desired JavaScript file. Be sure to provide the full web address of the file, including 'http://' or 'https://' as appropriate.
JavaScript > Reference > Execution option	Applies execution attributes to the JavaScript file reference. Learn about the async JavaScript execution option Learn about the defer JavaScript execution option
JavaScript > Reference > Placement	'head' inserts the JavaScript reference in the `<head>` of the webpage html. 'body' inserts the reference at the bottom of the html `<body>`.

Browser not supported