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. |
| 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>. |