iframe resizer - dsandeep97/BiologyAnimation GitHub Wiki

The iframe resizer is a JavaScript library that is used by StepStone to automatically maximize the height of iframe shells within each slide. The parent StepStone structure already implements one of the crucial library files. Your job when creating your mini-app is to include the second resizer responsible for resizing iframe contents. The JS file you must include is titled “iframeResizer.contentWindow.min.js”. This file can be found in all of our apps, generally under the “js” directory. You can also find it at the library’s GitHub: https://github.com/davidjbradshaw/iframe-resizer As per Daniel Shuta: “You can place it anywhere in your mini-app’s structure, as long as it is invoked at run time to communicate with the paired parent file (I’ve been calling it right after the jQuery inclusion in the index.html head code of my mini-apps).” Most importantly, the way you choose to design your app and implement CSS can affect the interaction of the app with the resizer. Be sure to thoroughly test your app using the FTP server and ensure this script is included properly within your app. Again, you can refer to our GitHub for examples, but it’s pretty straightforward. Daniel was also incredibly helpful and responsive throughout the semester we worked on our apps.