User Guide Cancel

Preview and publish responsive projects

  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 11.8 Release Notes
    7. Adobe Captivate Release Notes
    8. System requirements and download instructions for Adobe Captivate Draft
    9. 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

 

  • Now available : Mac OS Catalina compatible Adobe Captivate update for 2019 release users . Get update now!
  • Asset Panel not loading in Adobe Captivate (2019 release)? Read More to find a solution.

Overview

(Preview > Project). Preview the content for each slide or for the project. Preview the project in a  browser (F11) for all the view port options. Publish the content as HTML 5 in Browser with support for gestures and geolocation.

Preview responsive projects

  1. From Toolbar, Click Preview icon.

    Previewing responsive projects
    Previewing responsive projects

  2. Choose the appropriate menu item from the drop-down list.

Publish as HTML5 and Adobe Connect video files

To publish the projects as HTML5 and Adobe Connect videos, follow the steps below: 

  1. From Toolbar, click Publish icon

  2. Choose the appropriate option from Publish for Devices and Publish to Adobe Connect menu items as shown in the following screenshot:

    Different publish options
    Different publish options

  3. To publish the output as HTML 5 in the browser, choose Publish for Devices

    (Optional) Publish for Devices dialog appears as shown in the following screenshot. If you have used a Typekit font in your project, enter the domain as well.

    a. Choose the appropriate Project Title, Location, and Click Publish when completed.

    Note:

    For more information on Publishing standard blank projects, see Publishing Projects topic. You can continue to publish Adobe Captivate non-responsive/blank projects as exe files. 

    Publish for Devices dialog
    Publish for Devices dialog

    When you click the Typekit button (red rectangle), you are taken to the Typekit website from where you can sync fonts and download the fonts to be used in your Captivate projects.

    Note:

    If you do not use any Typekit fonts in your projects, the Typekit Domains field is disabled.

    Note:

    In case the Typekit Domains field is disabled during publishing and you have used Typekit fonts, preview the project, and publish the project.

  4. To publish the output to Adobe Connect, choose Publish to Adobe Connect from Publish menu.

    A dialog box appears as shown in the following screenshot:  

    Publishing to Adobe Connect
    Publishing to Adobe Connect

  5. Choose the appropriate Project Name, server URL and Click Publish when completed.

Publish for devices from Windows 8 OS

If you publish using Windows 8 OS, you can see an extra option in Publish To as Windows 8. If you choose this option, the dialog appears as below: 

Publishing to Windows 8 operating system
Publishing to Windows 8 operating system

Project title, location information, and the options under More are similar to iOS/Android dialog options. Follow the steps accordingly.

Note:

If you remove preferences of Adobe Captivate, then you have to create certificates again.

Gestures and Geolocation

Gestures for devices have been introduced in Adobe Captivate 8. Now, you can apply the available gestures to your Responsive Projects while Publishing projects.

  1. Click blue colored no text next to Mobile Gestures and Geolocation in Publish for devices dialog, as shown in the following screenshot.
    A new window appears.

  2. Click checkboxes next to Gesture Configuration and Geolocation in the window as shown in the following image.

     

The Mobile gestures palette
The Mobile gestures palette

Note:

Set Geolocation for projects to provide multiple options to end users based on their location. Authors  can use cpInfoGeoLocation system variable to capture geolocation values and use them based on various user scenarios. You can use custom variable to set Latitude, Longitude, and Accuracy (in meters which determines radius) and compare with System variable.

Creating custom variables:

  1. Click Project>Variables 

  2. In Variables dialog, click Add New

  3. Click Geolocation check-box and provide latitude, longitude, and accuracy data. 

  4. Click Save and OK. 
 

You can also trigger an action based on the geolocation by clicking the Folder icon and selecting an advanced action that you have created.

From an expert: Location aware learning with Adobe Captivate

Dr. Pooja Jaisingh Sr. Adobe eLearning Evangelist

Emulate geolocation while testing your project

You can now verify whether the geolocation functionality you have set up is working fine before publishing your project.

Note:

This feature is only applicable if you have created a custom geolocation variable as described in the tip above.

To see the project preview in the browser, click Preview.

Testing geolocation functionality while previewing the project
Testing geolocation functionality while previewing the project

Toggle between the different locations you have set up to preview how the project looks and functions when a learner accesses it from that location.

Map support

While creating custom variables, users can browse through Google™ integrated maps and choose the geolocation. Latitude, longitude, and location accuracy values are populated based on the chosen geolocation from maps. 

Users can click the globe icon next to Choose from Map in the Variables dialog as shown below: 

Note:

To use this map support feature, connect to the Internet. 

Map support
Map support

For example, in the above snapshot, a location map of San Francisco city has been chosen from the map and the corresponding values are populated. 

Location map of San Francisco
Location map of San Francisco

Users can type coordinates if they are already aware of them, or select location from map to fetch the values automatically.

User Scenario for map support

Consider a scenario where you have created a course for German-speaking people residing in Germany. You can use the Google map and choose Germany typing in the search bar. As shown in Figure - A, you have the location accuracy value as 334988 meters encompassing most of the area of Germany. 

At a later stage, if you want to expand your course availability to more countries, then click the red colored pin (at the outer part of circle ) and drag it to match your locations. Figure -B demonstrates the extended location accuracy values that you would have chosen in this scenario. 

Scenario depicting the use of map support
Scenario depicting the use of map support

Download sample projects

To learn more about Captivate and how you can create engaging learning content, download the following projects:

Adobe logo

Sign in to your account