Scalable HTML Project Aligning Top

[petrk27901450]

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?

[RodWard]

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]

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 · Accepted solution]

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.