Forum Discussion

LinLin-a6a3ee4b's avatar
LinLin-a6a3ee4b
Community Member
6 months ago

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.

storyline 360
  • SamHill's avatar
    SamHill
    Super Hero
    6 months ago

    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.

Related Content