responsive design

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:

Understanding the Position Panel in Adobe Captivate

Understanding the Position Panel in Adobe Captivate

This video will cover the use of the position panel when your slide objects are either unlocked from fluid boxes, or if you are using Breakpoint responsive design mode.

You can still design responsive design using Breakpoints in Adobe Captivate 2017 and newer by switching from the default of Fluid Boxes to Breakpoints. You can do this from the Project drop down menu and selecting Switch to Breakpoint Mode. In Fluid Box Mode you can continue to use unlocked objects on your slide in much the same way as in Breakpoint Mode. Personally, I refer to this mode as Single Point Mode and it offers some nice advantages over the other two responsive design methods. Mostly it centers around the ability to still have objects over top of one another, but also offers the advantage of designing with a single view as in non-responsive projects (Blank Projects).