How do I Resize Edge Animate File in Responsive Project to Fit all Views?

Question

I created an animation in Edge Animate and import it into the latest version of Captivate 8.  Everything works perfectly except I can't properly resize the HTML5 file to fit all of the screens.  Does anyone have a trick to get an HTML5 file to resize to fit all of the screens?  To be a little more clear, the animation covers all of the screen at 1024x627, but it is not long enough at 768x627, and way too short at 360x415.  I've tried all sorts of scaling options, but none of them work so that the animation covers the three different screen types.  Thanks for the help!

RodWard · Answer

In Responsive projects Captivate only gives you THREE different options for the breakpoints. You choose one that should apply for Desktops, one for Tablets (but the intention is for Landscape tablets) and one for cell phones (but the intention here is usually for someone viewing in Portrait orientation on a cell phone.

That's all. You don't have infinite possibilities, just THREE. They will stretch a little to accommodate slight differences in device view-port, but beyond a certain point the scaling breaks down.

It's your job as the elearning designer to research your user base and know what devices they are mostly using so that you can choose your breakpoints wisely. So promising your client that ALL devices will be equally accommodated is NOT a sensible thing to do.

Unlike most other authoring apps on the planet, Captivate at least has Responsive Design. But the technology is still very limited.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded