Skip to main content
lukasr70212018
lukasr70212018
Participating Frequently
November 24, 2016
Question

Responsive Iframe for captivate 9 Projects

  • November 24, 2016
  • 1 reply
  • 560 views

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

    This topic has been closed for replies.

    1 reply

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    November 24, 2016

    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
    lukasr70212018Author
    Participating Frequently
    November 25, 2016

    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
    Lilybiri
    Legend
    November 25, 2016

    What is the advantage over a Scalable HTML Captivate project?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices