Work with responsive text in Adobe Captivate

  1. Captivate User Guide
  2. Introduction to Captivate
    1. What's New in Adobe Captivate
    2. Adobe Captivate System Requirements
    3. Download Adobe Captivate
    4. What's New in Adobe Captivate (2019 release) Update 5
    5. What's New in Adobe Captivate (2019 release) Update 2
    6. Adobe Captivate Release Notes
    7. System requirements and download instructions for Adobe Captivate Draft
    8. Responsive Project Design with Adobe Captivate
  3. Create Projects
    1. Create different types of projects in Adobe Captivate
    2. Customize the size of an Adobe Captivate project
    3. Responsive Project Design with Adobe Captivate
    4. Create Virtual Reality (VR) projects
    5. Work with responsive text in Adobe Captivate
    6. Work with themes in Adobe Captivate
    7. How to apply view specific properties in responsive projects
    8. How to create backup files for Adobe Captivate projects
    9. Asset panel
    10. Create branching and forced navigation in Captivate
    11. Replace image on the stage
  4. Add and Manage Objects
    1. Work with multi-state objects in Adobe Captivate
    2. Object effects
    3. Insert web objects in Adobe Captivate projects
    4. Work with object styles in Adobe Captivate
    5. How to rotate objects in Adobe Captivate
    6. Resize and reposition objects by pixel
    7. How to manage objects with the Main Options toolbar
    8. How to merge objects in a slide
    9. How to manage objects in the library
    10. How to group objects in Adobe Captivate
    11. Edit object information using the Advanced Interaction panel
    12. How to copy, paste, and duplicate objects in Adobe Captivate
    13. Control the visibility of objects
    14. How to change the display order of objects in Adobe Captivate
    15. Apply shadows to objects
    16. How to align objects in Adobe Captivate
    17. How to add reflection to objects in Adobe Captivate
    18. Import assets into a Captivate project
  5. Slides
    1. Add slides to an Adobe Captivate project
    2. Editing slides in an Adobe Captivate project
    3. Delete Adobe Captivate project slides
    4. Change slide order in Adobe Captivate
    5. Set slide properties in Adobe Captivate
    6. Add and convert slide notes to audio files with Adobe Captivate
    7. Set up knowledge check slides in Adobe Captivate
    8. How to add slide transitions in Adobe Captivate
    9. How to work with master slides in Adobe Captivate
    10. How to lock Adobe Captivate slides
    11. How to hide or exclude slides in an Adobe Captivate project
    12. How to group and ungroup slides in Adobe Captivate
  6. Timeline and grids
    1. Use rulers and guides
    2. Work with grids in Adobe Captivate
    3. Work with the timeline
    4. Shortcut keys in Adobe Captivate
    5. Working with the filmstrip
    6. How to customize the Adobe Captivate workspace
    7. How to use the Adobe Captivate Library
    8. How to use the Branching panel in Adobe Captivate
  7. Create Quizzes
    1. Insert question slides in Adobe Captivate projects
    2. Set quiz preferences for Adobe Captivate
    3. How to enable learners to submit all quiz responses simultaneously
    4. How to set up question slides with Adobe Captivate
    5. Using random question slides in Adobe Captivate
    6. How to allow users to return to quiz
    7. Import questions from CSV format files
    8. Import questions from GIFT format files
    9. How to insert pretests in Adobe Captivate
  8. Audio
    1. How to insert audio into an Adobe Captivate project
    2. How to preview audio in Adobe Captivate
    3. How to edit audio files with Adobe Captivate
    4. View audio details in Adobe Captivate
    5. Set audio recording preferences and recording audio
    6. How to export audio from Adobe Captivate
  9. Video
    1. Slide videos
    2. Work with event videos in Adobe Captivate
    3. Differences between events and synchronized videos in Adobe Captivate
  10. Interactive Objects
    1. Add interactive buttons to your Captivate projects
    2. Create click boxes in Adobe Captivate
    3. Add text entry boxes with Adobe Captivate
    4. How to add audio to boxes and buttons
    5. How to add JavaScript to boxes and buttons in Adobe Captivate
  11. Interactions
    1. Create learning interactions in Adobe Captivate
    2. Create drag-and-drop interactions in Adobe Captivate
    3. How to configure widgets and interactions in Adobe Captivate
    4. Use Adobe Captivate variables in widgets
    5. Set the properties of widgets with Adobe Captivate
    6. How to create static, interactive, and question widgets in Adobe Captivate
    7. How to add widgets to your Adobe Captivate project
  12. Non-interactive objects
    1. Create and edit smart shapes
    2. Edit and create text captions with Captivate
    3. How to use images and rollover images with Captivate
    4. How to customize smart shapes in Adobe Captivate
    5. How to create zoom areas in Adobe Captivate
    6. How to set audio for noninteractive objects
    7. How to create rollover slidelets in Adobe Captivate
    8. How to create rollover captions in Adobe Captivate
    9. Change mouse properties in Adobe Captivate
    10. Use highlight boxes in Captivate
    11. Work with swatches in Adobe Captivate
    12. Fix size and position of non-interactive objects
    13. Add animations to a Adobe Captivate project
  13. Advanced Editing and Project Reviews
    1. How to link Adobe Captivate projects
    2. Import, export, and delete content
    3. Skins
    4. Create accessible projects in Adobe Captivate
    5. Create a table of contents (TOC) with Adobe Captivate
    6. Resize Adobe Captivate projects
    7. Projects and project preferences
    8. How to preview projects in Adobe Captivate
  14. Variables and Advanced Actions
    1. Adobe Captivate variables
    2. How to create user-defined variables in Adobe Captivate
    3. Advanced actions in Adobe Captivate
    4. Shared actions in Adobe Captivate projects
    5. Edit or delete user-defined variables in Adobe Captivate
    6. How to assign advanced actions to an event
  15. Record Projects
    1. Create interactive videos
    2. Automatic and manual recording with Captivate
    3. Set recording preferences in Adobe Captivate
    4. Record video demonstrations with Adobe Captivate
    5. How to record software simulations in Adobe Captivate
    6. How to pause recording
  16. Publish Projects
    1. Preview and publish responsive projects
    2. Publish project to Adobe Captivate Prime
    3. Publish projects as HTML5 files with Adobe Captivate
    4. Publish projects as executable files
    5. Publish projects as MP4 files with Adobe Captivate
    6. Set publishing preferences in Adobe Captivate
    7. Using web fonts from Adobe Fonts in Adobe Captivate
    8. Report quiz results to an internal server
  17. Use Adobe Captivate with Other Applications
    1. Import and edit PowerPoint presentations in Captivate
    2. Upload an Adobe Captivate project to a Learning Management System
    3. Learn about the Common JavaScript interface for Adobe Captivate
    4. How to publish Captivate projects to Microsoft Word
    5. Using Adobe Connect with Captivate
    6. How to add Captivate projects to a RoboHelp online help system
    7. How to package multiple SCOs using the Adobe Multi-SCORM Packager
  18. Troubleshoot Adobe Captivate
    1. Early build for Captivate (2019 release) on macOS Big Sur (macOS 11)
    2. Hotfix for VR content not playing on devices
    3. Configure SSL for Live Preview on Devices
    4. Captivate (2019 release) activation issues on macOS Catalina
    5. Captivate responsive courses will not auto-play on browsers
    6. Issues with Asset panel in Adobe Captivate (2019 release)
    7. Error 103 while installing Adobe Captivate
    8. Issues when previewing a Captivate project

 

Overview

Responsive text is an important responsive feature.

You can set text sizes across all breakpoints using Edit > Object style manager> Text format. Sample text displays the changes in different views.

You can also view the dynamic changes in text by moving from one breakpoint to another in Responsive project. You can also edit text dynamically in each breakpoint view.  

Link break for text across views

Captivate maintains a parent-child relationship among the breakpoints from Desktop-to-Tablet views and Tablet-to-Mobile views respectively. The settings you make for a breakpoint exist in all the lower breakpoint views unless you modify the settings for a particular view and break the link.

Note:

This relationship does not flow from Mobile to tablet and from tablet to Desktop.

Illustration to demonstrate how link breaks

For example, let us consider that you created text caption in Desktop view, then in tablet view and then in the mobile view of responsive project. In this case, if you move to Mobile breakpoint view, you can see three text captions available in tihs view. If you click each text caption you can see the text caption border representing the corresponding breakpoint view color. You can see this demonstrated in the figure below: 

Appearance of text across all breakpoints
Appearance of text across all breakpoints

Now, the first text caption has a link connected to Desktop view. The second text caption has a link connected to tablet view. You are able to understand this link based on color coding. Suppose, in mobile view, you modified the text in second text caption (that is, the text created earlier in tablet view as shown in the above figure) then the existing link for this text caption from tablet view is broken and it is considered as a native text caption for mobile view. You can understand this broken link based on the text caption border color for the second text. Now, in this case the second text caption also shows orange color and not the blue color. 

Similarly, if you modify the text in first text caption then also the first text caption link with Desktop view will be broken and it is considered as a native text caption of mobile view. You can see this illustrated in the below figure. 

Change in color coding because link with other breakpoints is broken
Change in color coding because link with other breakpoints is broken

Note:

The above illustration demonstrates how a link breaks with reference to text in each view. The links among text captions across each view may be broken due to various other factors including but not limited to text, position, and position properties. 

Restore link across views

When a link is broken between a mobile and tablet or between a tablet and primary breakpoints, you can restore the link by applying the position, text and text properties across all the views. 

Apply properties to all views

Position properties

Now you can update position properties of objects across all views to match the properties of the currently selected text element. To support applying the object position properties across all the views, right click context menu is included. This setting will re-link objects across the views in responsive projects. 

Suppose you created couple of text captions in primary view but while working on the project, you moved the position of text caption un-intentionally in tablet and mobile views. Later, you realized this change and want to retain the original position that you are using in primary view to be retained in all other views as well. In this case, you can select the text caption in primary view, right-click and click Apply position properties to all views. 

Applying position properties to all views
Applying position properties to all views

Text and text properties

Reset the properties of responsive text elements or update all views to match the properties of the currently selected text element. To support applying the text and text properties across all the views, right click context menu is included. This setting will re-link objects across the views in responsive projects. 

For example, let us consider that you created couple of text captions in primary view but modified the text and text properties (such as character, style, and so on ) in tablet and mobile views. At a later stage, if you want to retain the primary view text and text properties to all the other views, you can do it by right-clicking the text caption in primary view and applying the text and text properties to all views. 

Even if you apply multiple text formats like color or font style to each word, the text retains the format in all responsive project views. Hierarchical ordered and unordered list of items (such as bulleted text) flow across all views. 

If you already set any text properties for each breakpoint in object style manager (OSM), then the OSM settings are retained. Any subsequent change in each breakpoint does not override the OSM settings. 

Auto grow 

Adobe Captivate supports adjusting the text font size to fit the text in the text captions of Primary, Tablet, and Mobile views, along with in-between views. But, if you are still facing text truncation issues, use Auto or %Relative size options for text caption height and the caption will auto grow to accommodate all the text in the caption. 

Use Color Coding

Text objects in different views of responsive projects can have color coding. We can see different color coding in text area boundaries in properties window. Earlier, it was applicable for only position properties.

In a responsive project, each breakpoint view has a different color. You can see this color at the top of the breakpoint view. For example, the purple color in the below image indicates the Desktop view.

Color indicating the breakpoint view
Color indicating the breakpoint view

Now, the text created in the Desktop view represents the color code of blue around text caption border in properties window. Similarly, the text created in Tablet view represents green and text of Mobile view represents orange color code. 

Text caption color coding
Text caption color coding

Adobe logo

Sign in to your account