Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Captivate Responsive Project

Community Beginner ,
Dec 06, 2016 Dec 06, 2016

When I view my responsive captivate course in mobile and browser(IE and Chrome Mobile) view line spacing is more and text is not fitting accordingly. It happens in only in mobile portrait view. I have set the break points as 360 x 440. I have changed the line spacing and text size in source file still the problem remains same. is there any setting that keeps the line spacing same in all views? I am using Captivate 9.0.2.437. Can anyone with this?

193
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 11, 2017 Feb 11, 2017
LATEST

I have found this same problem and have identified a fundamental error in how Captivate generates the HTML of text, particularly at small font sizes.  I've reported the problem,  and can offer the following temporary solution.

For each page in your project,  use the "on enter" function to "execute javascript"

In the script window,  add the following:

$('body').append("<style> .cp-actualText {  display: inline-block;} </style>")

This will fix the problem in line spacing, but not sure if it creates any other issues. 

There are many references to line spacing issues, some going back 10 years!   ( not sure if they are the same problem, though.. )  It is unclear how responsive Adobe is to fixing bugs.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources