Highlighted

Scalable HTML Project Aligning Top

Participant ,
Jul 23, 2018

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by RodWard | Adobe Community Professional

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. 

Views

135

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Scalable HTML Project Aligning Top

Participant ,
Jul 23, 2018

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by RodWard | Adobe Community Professional

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. 

Views

136

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jul 23, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Participant ,
Jul 23, 2018

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 23, 2018

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Captivate User Guide
New Group