Responsive Iframe for captivate 9 Projects

[lukasr70212018]

Hallo all,

therefore that creating a responsive Project in captivate 9 is very time consuming, I got the idea to built a responsive Iframe for my Project that at least the content is filling the whole screen on different devices.

In which file do I have to embedd the code and does anybody of you have any experiences with this? It would be great if somebody could share his workflow on this.

CCS Code

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Thanks for your help and best regards

Lukas

[RodWard]

It sounds like you don't perhaps fully understand what the term "Responsive Design" actually means.

It involves much more than just having the frame in which the content plays being able to expand to the full height and width of the viewing area.

Your proposed solution is NOT responsive.  It's just scaling.

[lukasr70212018]

Hey Rob,

thanks for your answer. Ok then lets call the title "Scaling Iframe for Captivate Projects". Anyway could you please let me know in which file and codeline I have to embed the code?

Thanks for your help.

Lukas

[Lilybiri]

What is the advantage over a Scalable HTML Captivate project?

[lukasr70212018]

We have so many different users with different screenresolutions and devices that it would be nice if the Content scales up and fits everywhere to the screens

[Lilybiri]

Isn't that what a scalable HTML project is doing?