June 30, 2017
Prevent Responsive Text Pop-Outs from Appearing
Comments
(3)
June 30, 2017
Prevent Responsive Text Pop-Outs from Appearing
I've been an eLearning designer and developer since 2005. In 2015 I started my own eLearning design company. I began creating Adobe Captivate video tutorials to help promote my business through my YouTube channel at https://youtube.com/captivateteacher. My intention with my YouTube videos was to attract attention from organizations looking for a skilled Captivate developer. This strategy proved successful as I've worked with clients worldwide, helping them build highly engaging eLearning solutions. In addition, my YouTube channel presented another benefit of attracting aspiring Captivate developers to seek me out as a teacher. I now offer online and onsite training on Adobe Captivate, teaching users the skills to build engaging and interactive learning.
Legend 639 posts
Followers: 924 people
(3)

Some Adobe Captivate 2017 users are reporting seeing the following icon/button on their published responsive design eLearning projects.

2017-06-28 10-15-48 PM

The button you are seeing at the bottom of your text container (smart shape or text caption) is actually by design in Adobe Captivate (2017 Release). It appears when a text container has more text than can be accommodated by your minimum font size and the size of the text container. For example, when displaying large paragraphs of text on a smaller display. Tapping the button will display a dark overlay with all the text in white, and if necessary, with a scrollbar when the amount of text is too much for the screen.  Once your learner finishes reading all the text, tapping the screen will return them to the full slide. Sometimes it seems as if the button is appearing for no reason. There are a few possibilities as to why this happens.

  1. Your text container is right on the threshold of when the button will be determined to be necessary. In these cases, slightly increasing the size of the text container may solve your problem. Alternatively, you could also select a smaller minimum font size on your fluid box properties.
  2. Another item to consider is the margins set for your text container. Decreasing the margins will allow more space for your text and perhaps just enough to accommodate the text on smaller device screens.
  3. Lastly, consider where the text has been. If you copied and pasted this text from a word processor, it may contain unnecessary formatting codes, invisible characters, or extra line breaks that could be causing the pop out text button to appear.

Here is a video from my YouTube channel that shows you how you can get rid of the extra hidden characters that might be forcing your project to show these buttons when they are not actually needed.

If you found this article and video useful please share it with your eLearning colleagues. If you would like to see other tutorials like this one, please subscribe to my YouTube channel.

3 Comments
2019-05-28 09:37:43
2019-05-28 09:37:43

Thank you

Like
2019-04-29 15:24:18
2019-04-29 15:24:18

Love your tutorials Paul! I’m still finding myself frustrated by these. I have so many instances of pop-out symbols showing where there are no extra/hidden characters and PLENTY of space in the text area, but I get the pop-out symbol anyway. UGH! Your instructions give me some great troubleshooting steps; I’m just finding that the technology is just not exactly where it needs to be with regard to what it detects as “hidden text.”

Like
2018-08-10 18:33:21
2018-08-10 18:33:21

Thank you! I had the hardest time even figuring out what I should cal those breakout icons let alone knowing how to get rid of them.

Like
Add Comment