Skip to main content
petrk27901450
petrk27901450
Inspiring
July 23, 2018
Answered

Scalable HTML Project Aligning Top

  • July 23, 2018
  • 1 reply
  • 376 views

I have done quite a bit of research on these forums and abroad, and this may have been partly answered already but here goes.

For a Blank Project scalable html which resizes (maintaining aspect ratio), is there a setting to align the project to the top? I understand that there will always be a gap on portrait screens but at least if this gap was below the project as oppose to above, since from top to bottom having a gap and then the project is not the best experience. Other than playing with the SCORM's CSS is there a setting in Captivate to achieve this?

    This topic has been closed for replies.
    Correct answer RodWard

    No.  As I said above, there is no special setting in Captivate that will force the alignment to where you might want.

    Technically, a Scalable HTML project output could be said to have only have one 'breakpoint' but it's certainly not a 'responsive' output because there's a lot more going on with a true responsive project than rescaling the viewport. If you are on Captivate 2017 you might want to look into using Fluid Boxes as an alternative approach that doesn't require you to set breakpoints. 

    1 reply

    RodWard
    Community Expert
    RodWardCommunity Expert
    Community Expert
    July 24, 2018

    There is no setting inside Captivate to configure this.  You will have to play with the code in the HTML template files or CSS to achieve what you want.  I have seen someone post code on this forum many months ago about this.  So try to do some Google searching for it.

      petrk27901450
      petrk27901450Author
      Inspiring
      July 24, 2018

      Hi Rod, thank you for that. I would be happy to make the html/css changes myself, but I thought there would be a setting for this because without it it makes the scalable html option not very usable on non desktop devices, which I would think it would be intended for. Or is there another way in Captivate to make responsive content that has "one breakpoint" and simply scales, maintaining its aspect ratio?

      RodWard
      Community Expert
      RodWardCommunity ExpertCorrect answer
      Community Expert
      July 24, 2018

      No.  As I said above, there is no special setting in Captivate that will force the alignment to where you might want.

      Technically, a Scalable HTML project output could be said to have only have one 'breakpoint' but it's certainly not a 'responsive' output because there's a lot more going on with a true responsive project than rescaling the viewport. If you are on Captivate 2017 you might want to look into using Fluid Boxes as an alternative approach that doesn't require you to set breakpoints. 

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