- Captivate Classic User Guide
- Introduction to Captivate
- Captivate Classic Release Notes
- Create Projects
- Create different types of projects in Adobe Captivate
- Customize the size of an Adobe Captivate project
- Responsive Project Design with Adobe Captivate
- Create Virtual Reality (VR) projects
- Work with responsive text in Adobe Captivate
- Work with themes in Adobe Captivate
- How to apply view specific properties in responsive projects
- How to create backup files for Adobe Captivate projects
- Asset panel
- Create branching and forced navigation in Captivate
- Replace image on the stage
- Add and Manage Objects
- Work with multi-state objects in Adobe Captivate
- Object effects
- Insert web objects in Adobe Captivate projects
- Work with object styles in Adobe Captivate
- How to rotate objects in Adobe Captivate
- How to manage objects with the Main Options toolbar
- How to merge objects in a slide
- How to manage objects in the library
- How to group objects in Adobe Captivate
- Edit object information using the Advanced Interaction panel
- How to copy, paste, and duplicate objects in Adobe Captivate
- Control the visibility of objects
- How to change the display order of objects in Adobe Captivate
- Apply shadows to objects
- How to align objects in Adobe Captivate
- How to add reflection to objects in Adobe Captivate
- Import assets into a Captivate project
- Slides
- Add slides to an Adobe Captivate project
- Editing slides in an Adobe Captivate project
- Delete Adobe Captivate project slides
- Change slide order in Adobe Captivate
- Set slide properties in Adobe Captivate
- Add and convert slide notes to audio files with Adobe Captivate
- Set up knowledge check slides in Adobe Captivate
- How to add slide transitions in Adobe Captivate
- How to work with master slides in Adobe Captivate
- How to lock Adobe Captivate slides
- How to hide or exclude slides in an Adobe Captivate project
- How to group and ungroup slides in Adobe Captivate
- Timeline and grids
- Create Quizzes
- Insert question slides in Adobe Captivate projects
- Set quiz preferences for Adobe Captivate
- How to enable learners to submit all quiz responses simultaneously
- How to set up question slides with Adobe Captivate
- Using random question slides in Adobe Captivate
- How to allow users to return to quiz
- Import questions from CSV format files
- Import questions from GIFT format files
- How to insert pretests in Adobe Captivate
- Audio
- Video
- Interactive Objects
- Interactions
- Non-interactive objects
- Create and edit smart shapes
- Edit and create text captions with Captivate
- How to use images and rollover images with Captivate
- How to customize smart shapes in Adobe Captivate
- How to create zoom areas in Adobe Captivate
- How to set audio for noninteractive objects
- How to create rollover slidelets in Adobe Captivate
- How to create rollover captions in Adobe Captivate
- Change mouse properties in Adobe Captivate
- Use highlight boxes in Captivate
- Work with swatches in Adobe Captivate
- Fix size and position of non-interactive objects
- Add animations to a Adobe Captivate project
- Advanced Editing and Project Reviews
- Variables and Advanced Actions
- Record Projects
- Publish Projects
- Preview and publish responsive projects
- Publish project to Adobe Captivate Prime
- Publish projects as HTML5 files with Adobe Captivate
- Publish projects as executable files
- Publish projects as MP4 files with Adobe Captivate
- Set publishing preferences in Adobe Captivate
- Using web fonts from Adobe Fonts in Adobe Captivate
- Report quiz results to an internal server
- Use Adobe Captivate with Other Applications
- Import and edit PowerPoint presentations in Captivate
- Upload an Adobe Captivate project to a Learning Management System
- Learn about the Common JavaScript interface for Adobe Captivate
- How to publish Captivate projects to Microsoft Word
- Using Adobe Connect with Captivate
- How to add Captivate projects to a RoboHelp online help system
- How to package multiple SCOs using the Adobe Multi-SCORM Packager
- Troubleshoot Adobe Captivate
- Resolve known issues and limitations in the latest versions of Adobe Captivate, Adobe FrameMaker, and Adobe RoboHelp.
- Early build for Captivate (2019 release) on macOS Big Sur (macOS 11)
- Hotfix for VR content not playing on devices
- Configure SSL for Live Preview on Devices
- Captivate (2019 release) activation issues on macOS Catalina
- Captivate responsive courses will not auto-play on browsers
- Issues with Asset panel in Adobe Captivate (2019 release)
- Error 103 while installing Adobe Captivate
- Issues when previewing a Captivate project
- Resolve known issues and limitations in the latest versions of Adobe Captivate, Adobe FrameMaker, and Adobe RoboHelp.
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 Classic 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.
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:
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.
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.
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 Classic 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.
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.