iframe setting
Mar 25, 2024
By
Lin Lin
I uploaded a storyline project to my web server and the link is as below,
https://lib.stl.pku.edu.cn/static/story_html5.html
The iframe code is:
<div><iframe frameborder="0" height="100%" scrolling="no" src="https://lib.stl.pku.edu.cn/static/story_html5.html" width="100%"></iframe></div>
However, it didn't display correctly. Please see the attachment.
My question is:
How to display the full content and make the size 50% of the original? Can iframe do that? Or is there any other way to display the content?
You reply will be greatly appreciated.
2 Replies
Hi Lin Lin, if the original size of the published Storyline file is 900x600 and you would like to display it at 50% of this size using an iframe, you can set the style on the iframe like this:
<div><iframe frameborder="0" style="height:300px;width:450px;" scrolling="no" src="https://lib.stl.pku.edu.cn/static/story_html5.html"></iframe></div>
Try that to begin with. I'm not familiar with the page you are embedding in, and so that might have further height/width impacting the file. You will find out thought if the iframe forces scrollbars though.
Thank you Sam! I will try.