Aldrich: Custom JS pattern

This pattern is used for referencing custom JavaScript files.

How this works

Selection	What this means	What this triggers
Yes	Indicates that custom JavaScript will be used.	Causes the JavaScript reference Data Definition group to be displayed.
No	Indicates that custom JavaScript will not be used.	N/A

This group contains all the fields necessary for defining a reference to a single JavaScript file.

You can add as many JavaScript references as you need.

Selection	What this means	What this triggers
Asset	Indicates the JavaScript file is located in Cascade as a part of your site.	Causes the File Data Definition field to display.
URL	Indicates the JavaScript file exists somewhere on the web (not part of your site).	Causes the URL, Crossorigin handling, and Integrity Data Definition fields to display.

Only displayed when Type is set to ‘Asset’.

Use the asset chooser to select the desired JavaScript file in your Cascade site.

Only displayed when Type is set to ‘URL’.

Enter the full URL of the CSS file in the URL text field.

Indicates where in the html document the JavaScript file reference will be placed.

Selection	What this means	What this triggers
<head>	The JavaScript reference will be included in the html document head.	N/A
<body>	The JavaScript reference will be included at the end of the html document body.	N/A

Selection	What this means	What this triggers
Default	Has not affect.	N/A
defer	Sets the defer attribute on the script reference.	N/A
async	Sets the async attribute on the script reference.	N/A

Only displayed when Type is set to ‘URL’.

Some websites also provide integrity and crossorigin attribute values with their hosted files.

<script .... crossorgin=”....” integrity=”....”></script>

Use the Crossorigin handling and Integrity fields to provide the respective values.