Getting All Your Adobe Captivate Playbar Controls to Appear on Mobile

In this Adobe Captivate Video Quicktip, I show you an easy solution to get all the controls on your playbar to appear on mobile view, in addition to desktop.

Troubleshoot Fluid Box Design in Adobe Captivate | Aug 19, 12:00 PM EDT | 16:00 UTC

Recently I had to take an older Adobe Captivate 9 non-responsive project and convert it to a fluid box responsive design project using Adobe Captivate 2019. I really learned some valuable lessons during that process, and I want to share those with all of you. I'm happy to say that the results were excellent. Rather than using my own design, I used the new Ready-to-go Projects and Slides from Adobe. It didn't take me long to do this work. In this live stream, I will be sharing my process for getting fluid box responsive design to work across as many different device sizes as possible. Make sure you join live if you have questions you wish to ask me about this often misunderstood process.

If you are interested in learning more about that process of using the Ready-to-go projects and slides, I'm giving a presentation at the Adobe Learning Summit in Las Vegas on October 3, 2019. It's a free conference, but you must register to attend. Check it out: https://learningsummit.elearning.adobeevents.com/

Publish as an iOS or Android App

In this video tutorial, I show you part of the process for publishing your Adobe Captivate project as an iOS or Android app using the Adobe PhoneGap features available to you. While the Captivate publish to PhoneGap process is relatively easy, there are some additional steps and costs associated with getting your app up and running with iOS and Android. Here are some links to online documentation that may help you.

PhoneGap website:
https://build.phonegap.com/

Enrollment in the Apple Developer program
https://developer.apple.com/support/enrollment/

Apple support for building a developer certificate
https://developer.apple.com/support/certificates/

PhoneGap build instructions (includes a section on iOS and Android)
http://docs.phonegap.com/phonegap-build/signing/overview/

Publishing Non-responsive eLearning for Mobile

When you publish non-responsive projects like the one you have here, it will display at the resolution you set it for when you created it. This is fine for desktop computers but if someone was going to view it on a tablet or smartphone it will mean they will have to scroll around the page to see all your content.

The solution is, when you publish check off Scalable HTML content. See the screen shot below.
 

Publish To My Computer Window

This will resize your eLearning to fit within the browser viewport of whatever device you are viewing. Of course there are several drawbacks.

1. Text might get very small on the screen
2. Since your eLearning project uses a fixed aspect ratio, the users might see some black bars above and below or on either side of your stage.

To help with the first point, I would recommend that you test it out on a typical device and up the font size where necessary. It might be too large when viewed on a computer but might be just right on a smartphone or tablet.

Now for item 2, you can select the colour of the area around your stage. It’s located on the same screen where you selected the border around your project (Shift+F11). See below.