As far as I'm concerned, the hottest new feature you'll find in Adobe Captivate 8 is the ability to create responsive eLearning. As I taught you a few weeks ago, by choosing File > New > Responsive Project, you can basically create and work on multiple screen sizes (called break points) in one project. When you publish the responsive project, the learner will automatically be served the break point appropriate for the device they're using.
If you've spent any time creating Responsive Projects, you've probably noticed that there are three breakpoints in the project by default: Primary (set to a width of 1024 pixels), Tablet (set to a width of 768 pixels), and Mobile (set to a width of 360 pixels). The default breakpoints are based on typical sizes of a laptop (Primary), iPad (Tablet), and iPhone (Mobile). However, you can easily adjust the size of the breakpoints.
To begin, open the CloudAir_SoftSkills Sample.cptx sample project that ships with Captivate 8. (On the right side of the Captivate 8 Welcome screen, click the Sample Projects/Tutorials icon.)
The project is responsive. Notice the colored ribbon at the top of the canvas; this is a breakpoint within Captivate (a breakpoint is the point at which the layout changes size to accommodate a different screen size).
To change the width of a layout, select one of the three breakpoints and drag either slide to change the width.
See, I told you it was easy. Now for the height.
The option to adjust a layout's height is disabled by default so that you don't accidentally change it. Each layout's default height provides space for Captivate's playbar. If you are not going to use a playbar in the published lesson, you should adjust the height accordingly.
To begin, it's a good idea to change your magnification to 75% (View > Magnification). If you are too close to the canvas, you will not be able to see the new height you are about to set. I've found that 75% is almost always the perfect magnification for me, but you may need to fiddle around a bit to find the prefect magnification for your display.
In the upper right of the canvas, select View Device Height.
From the bottom of the canvas, drag the Height Adjuster (the yellow rectangle in the image below) up or down to change the device Height.
Note: The shortest you can make any device is 100 pixels; the tallest you can make any device is 1,000 pixels.
***
Comments