Forum Discussion
iframe setting
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.
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.
