Skip to main content
CuriousMax
CuriousMax
Participant
February 1, 2018
Question

Captivate 9 HTML5 Output issue

  • February 1, 2018
  • 3 replies
  • 1682 views

Hi,

I create a my storyboards on Powerpoint and then import it in to captivate to add interactivity, navigation features, audio, TOC, etc. It works fine when I publish in Standard HTML output. However, I am facing issues when publishing in HTML5 output. Every element that I built in Powerpoint is getting reshaped and distorted, while all the captivate elements stay in-tact. For example; images, text boxes, animation is getting disturbed.

Is this a common problem or am I missing something here? Is there a way to fix this issue?

Regards,

Max

    This topic has been closed for replies.

    3 replies

    R
    rebecca_mogollon
    Participant
    June 24, 2021

    How has this issue not been resolved? I am having the same issue today, and cannot find a solution to save my life. Everything once published in HTML5 is cropped/distorted and sized improperly.

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    June 24, 2021

    Could you please provide us a little more information about the issue?  Perhaps even show some screenshots so that we can see what you are seeing?  We don't know what OS you are on, what Captivate version, whether responsive or not, are you also starting with PPT like the original poster?

    R
    rebecca_mogollon
    Participant
    June 24, 2021

    I am on the move so I cannot provide screenshots, but I can give you everything else. I’m on windows 10 64-bit. The latest Captivate Version. Yes we imported from PowerPoint, and I do not know the circumstances surrounding what settings were chosen when imported. I tried re-scaling, and it did not fix the issue. No matter what, when we published HTML5, even when we preview to HTML5, everything is cropped off on the bottom. For example, the stage itself is cropped and just has a white strip. And all the graphics inside the also are cropped off separately… for example, I have a circle logo at the top right corner of the stage, and as a separate object it to is cropped into a semi circle. It's very weird  As far as I can tell, the settings chosen when imported have impacted this project, and I will have to re-import in order to fix it. That is not an option since it’s 75 hours of training, with interactive elements, quizzes, audio, etc. If this can’t be fixed I would have to start from scratch. Thanks for your quick reply!

    Erik Lord
    Erik Lord
    Inspiring
    February 1, 2018

    Do you have 'scalable' selected in the publish settings?

    If scalable, then the distortion may be a result of the piece trying to size to the browser window size, which will almost surely result in some distortion.

    Is this a Responsive project?

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    February 1, 2018

    When you import a PPT into Captivate, the PPT slides get pretty much turned into static graphics.  If you publish to HTM/SWF, then the PPT slides become SWF backgrounds for the Captivate slides.  When you publish to HTML5, they become static PNGs.

    If you want better control, DON'T start with PPT at all.  Build your storyboards straight onto Captivate slides and leave PPT behind.

    CuriousMax
    CuriousMaxAuthor
    Participant
    February 1, 2018

    Are you saying that the only we can have proper HTML5 output is by making the course entirely on Captivate?

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    February 2, 2018

    The term "proper HTML5" is highly subjective.

    You can certainly import a PPT deck into Captivate and then publish out as HTML5.  But doing so does not allow you to leverage all of the power and creative options that would have been available to you if you had instead built the same project from the ground up in Captivate using native objects.

    You need to remember that PowerPoint is essentially a presentation tool, not an e-learning authoring tool.  Captivate (and many other apps) provide a way to use PPT files as a starting point for projects.  However, that doesn't mean this is the BEST way to author e-learning.  It's usually provided because so many people that work in training are addicted to PowerPoint and reluctant to move away from it.

    If you want fewer limitations on creative scope when you author "proper HTML5", just bite the bullet and learn how to use Captivate to do everything.

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