Skip to main content
C
captive hook
Participant
June 9, 2022
Question

Setting Captivate viewport to innerheight (javascript)

  • June 9, 2022
  • 1 reply
  • 96 views

Hi all, this s my first post here and I likely use Captivate a bit different from most, but I'm hoping someone can be of assistance. I'm creating pretty basic, stripped down Captivate projects and embedding the index.html files into an iframe into a hybrid app. It's worked fine but I've run into a serious issue concerning the viewport, given a few extra buttons. They're being cut off on smaller devices and don't allow the user to progress. 

 

I could enable scrolling, but the experience wouldn't be ideal. I'm looking for a way to adjust the viewport to the innerHeight of the available viewport (removing any app interfaces, etc). Has anyone done anything similar? I'm looking at the .html file in a text editor, but I'm not sure where to adjust. Any advice is GREATLY appreciated.

    This topic has been closed for replies.

    1 reply

    Paul Wilson CTDP
    Community Expert
    Paul Wilson CTDPCommunity Expert
    Community Expert
    June 27, 2022

    Adobe Captivate has an option that might be what you need. When you publish your non-responsive design projects select HTML Scaling when you publish. This will shrink or grow your project to the browser viewport of any device. This is a great option when you don't want to design responsive but want to provide your eLearning to users of different screen sizes and/or browsers.

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