Creating Rivet-specific CSS and JS Blocks

In order to use Rivet styles, page-specific CSS and JS blocks must be attached to a page.

Create CSS block

Step 1

Navigate to _internal > blocks. Make a copy of page-css. Name this new block rivet-css.

Step 2

Edit the new rivet-css block. In the Remote asset URL field, enter https://assets.iu.edu/web/rivet/1.x/form-only.min.css.

Step 3

Click Submit to save your new block.

Create JS block

Some Rivet components may also need JavaScript included along with CSS. If the component you are using needs JavaScript, create and attach a Rivet JS block along with the Rivet CSS block.

Step 1

Navigate to _internal > blocks. Make a copy of page-js. Name this new block rivet-js.

Step 2

Edit the new rivet-js block. In the Remote asset URL field, enter https://assets.iu.edu/web/rivet/1.x/form-only.min.js.

Step 3

Click Submit to save your new block.