Custom JS in Catalog

Jump to solution
dsoares
Community Explorer

I am trying to implement the following in my beta instance of Instructure Catalog:

$('#home-page #feature').append('<div><img src="https://s3.amazonaws.com/SSL_Assets/CanvasCatalog/logo-eduonline.png"><h3>NO WALLS IN THIS CLASSROOM ;)</h3><h4>Catalog: Learn on Your Own Terms</h4></div>')

The above JS code is the example posted by Instructure at 

https://community.canvaslms.com/t5/Canvas-Catalog/What-customization-options-are-available-in-Canvas...

and the code for the JS instruction file is here:

https://community.canvaslms.com/t5/Canvas-Catalog/How-do-I-add-a-logo-CSS-JavaScript-or-HTML-file-to...

The trouble is it does not work. Does anyone have a working example of using JS to append some text to the #feature div that appears right above the catalog? 

Thanks,

Dan Soares

 

Labels (1)
0 Likes
1 Solution
dsoares
Community Explorer
Author

I was able to resolve this. Had an invalid character in my JS. Apologies!

Dan

View solution in original post