Skip to main content
K
kim60804047
Participating Frequently
December 13, 2016
Question

Responsive Versus Non-Responsive Template

  • December 13, 2016
  • 1 reply
  • 348 views

Hi Everyone,

I have been creating my courses in a Responsive project as half of our users use an ipad and half use a laptop or desktop.

My issue is that it takes a lot of work to align everything for both sizes in Captivate. The other issue is that I have limitations on using certain learning interactions and animations.

Is there a way that I can use a Non-responsive template and still have it look great for both an ipad and laptop?

My LMS is SCORM complient and has seemed to work when I have used it in both scenarios. I have Captivate 9.

Thanks!

This topic has been closed for replies.

1 reply

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
December 13, 2016

If none of your users are required to view this content via a mobile phone in portrait orientation then I don't see the point of going with Responsive design at all.

Just use a normal project set to the appropriate size for iPad in Landscape view and publish to HTML5.  Users on both desktops and ipads should then be able to view your content fine.

    K
    kim60804047Author
    Participating Frequently
    December 13, 2016

    Thanks Rod. What if I start a new Blank Template that is 1024 x768 and publish to HTML5. Will that still work? Or do I need to set to ipad size and hope that nothing gets blurry when looked at on bigger screen?

    Also if I publish only to HTML5 and not SWF (Or both?) would that impact any of the animations or work as well in my LMS?

    Thanks for your help!

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    December 14, 2016

    Work out what the actual available area is going to be inside the browser on your iPad first (if iPad is really your most important mobile device to target).

    You need to remember that since the HTML5 content will be playing INSIDE a browser on the mobile device, and that browser itself takes up some real estate.  So your content doesn't necessarily have the full 1024 x 768 pixels of the device viewport to play in.  If you make the content too large then you may find it will have scrollbars forced on the mobile device.  So spend some time BEFORE you finalize your project size to research what the actual dimensions will be INSIDE that browser.  There are websites you can open in your iPad that give you the dimensions.

    Whatever you end up setting as the size for the iPad is unlikely to be an issue for any desktop users.  So start with the main limiting factor first.

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