Blog Series: Responsive eLearning with Adobe Captivate 2017

In this 14-part blog series, we took a deep dive into how to create responsive courses using Fluid Boxes and customize the properties to suit our requirements.

Here are the links to the posts:

Part 1: Creating a responsive project

Part 2: Resizing the responsive project

Part 3: Adding Fluid Boxes

Part 4: Adding objects to Fluid Boxes

Part 5: Using the fill option for Fluid Boxes

Part 6: Modifying Fluid Box properties

Part 7: Using Static Fluid Boxes

Part 8: Using Optional Fluid Boxes

Part 9: Using responsive text

Part 10: Using Fluid Boxes with master slides

Part 11: Recording responsive simulation

Part 12: Enabling gestures

Part 13: Converting non-responsive projects to responsive

Part 14: Switching to Breakpoint mode

If you wish to watch the videos for each of these parts, here’s a playlist with the videos:

The post Blog Series: Responsive eLearning with Adobe Captivate 2017 appeared first on eLearning.

Responsive eLearning with Captivate 2017 – Part 14: Switching to Breakpoint mode

This is the last part of the 14-part blog series on Responsive eLearning with Adobe Captivate 2017. So far we’ve learned how to create a responsive project, rescale it, add Fluid Boxes to the slides, add objects to the Fluid Boxes, apply background fill, modify the properties of the Fluid Boxes, use the static and optional properties, best practices for adding text, using Fluid Boxes in master slides, recording responsive simulations, enabling gestures , and converting your non-responsive projects to responsive in Adobe Captivate 2017. Now let’s learn how to switch from Fluid Box mode to the breakpoint mode in Adobe Captivate 2017.

Responsive eLearning workflow was added to Captivate back in version 8, but Fluid Boxes are new to version 2017. In Captivate 8 and 9, you could create responsive eLearning courses using the Breakpoint mode. This approach, based on breakpoints, is still available today in Captivate 2017.

You can use the Breakpoints approach if you have an older responsive project to maintain, or if you feel more at ease with the Breakpoint approach rather than with the new Fluid Boxes approach. You can also refer this blog post by Lieve Weymeis to choose between Fluid Boxes and Breakpoints to build the responsive courses.

Watch this video to take a look at the steps to switch to the breakpoint mode:

This brings us to the end of this blog series on responsive eLearning. Watch this space for more blog series on different Captivate workflows.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Responsive eLearning with Captivate 2017 – Part 12: Enabling gestures

In this Part 12 of 14-part blog series, we will talk about enabling gestures for your responsive eLearning courses. So far we’ve learned how to create a responsive project, rescale it, add Fluid Boxes to the slides, add objects to the Fluid Boxes, apply background fill, modify the properties of the Fluid Boxes, use the static and optional properties, best practices for adding text, using Fluid Boxes in master slides, and recording responsive simulations in Adobe Captivate 2017.

One of the things that characterise the mobile experience (versus the desktop/laptop experience) is the touch screen. Owners of mobile devices use their fingers to interact with their devices by performing various gestures like swipes, taps, double-taps, pinches, and so on. The Mobile Palette feature in Captivate gives you the ability to leverage the power of those mobile gestures in your projects.

The Gestures option is not limited to the Responsive Projects only. You can use Gestures in any standard project as well, but they will function only if you publish the project in HTML5 format.

Watch this video to learn how to enable gestures for responsive and HTML5 courses:

In the next part, we will learn how to convert non-responsive projects to responsive in Adobe Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Responsive eLearning with Captivate 2017 – Part 11: Recording responsive simulation

We are almost at the end of this blog post series. So far we’ve learned how to create a responsive project, rescale it, add Fluid Boxes to the slides, add objects to the Fluid Boxes, apply background fill, modify the properties of the Fluid Boxes, use the static and optional properties, best practices for adding text, and using Fluid Boxes in master slides. Now let’s learn how to record responsive simulations in Adobe Captivate 2017.

The steps to record a responsive simulation are the same as a normal simulation. The only difference is that you cannot start the workflow from creating a simulation directly. You will first need to create a responsive project and then add simulation slides to it.

Watch this video to learn about the steps to record and edit responsive software simulations:

In the next part, we will learn how to enable gestures for responsive and HTML5 courses in Adobe Captivate.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Create Responsive Content with Adobe Captivate 2017

Having some experience programming responsive web pages, I was impressed with Adobe Captivate 2017 as it allows you to program responsive content without all the headaches of writing code. Instead of having to deal with a text editor, I was able to create responsive continent via a Graphical User Interface that was visual and intuitive. In fact, if you’re familiar with some of the business presentation applications out there, you will find your skills transfer well to the Captivate interface. I was up and running quickly creating master slides and content. The advanced features, such as creating variables and advanced actions, are relatively easy to access, if you know where to look, and are a real time saver over hard coding. I would recommend anyone looking for an authoring package to give Captivate 2017 a try.

The post Create Responsive Content with Adobe Captivate 2017 appeared first on eLearning.

Migration of Legacy eLearning Courses to HTML5

Legacy eLearning courses are the courses developed in 1990’s or until 2012. This is a generic approximation made based on the fact that new eLearning technologies have emerged from 2012. The courses developed prior to this period are considered out-dated or legacy courses and needed enhancement to meet new learning requirements and challenges like responsive…

Responsive eLearning with Captivate 2017 – Part 8: Using Optional Fluid Boxes

In the first seven parts of this blog-series, we’ve learned how to create a responsive project, rescale it (if required), add Fluid Boxes to the slides, add objects to the Fluid Boxes, apply background fill, and modify the flow, wrap, and alignment properties of the Fluid Boxes. We also learned how to convert Fluid Boxes to Static Fluid Boxes. Now let’s learn about the workflow to mark some of the objects or Fluid Boxes as optional.

If you are planning to squeeze a bunch of objects in a row or a column, you can mark the less important objects as optional, and they will disappear on the smaller devices. This property is especially useful for giving a prominent space to important information on smaller devices, and removing the decorative or less important objects.

Watch this video to learn how to mark objects and Fluid Boxes as optional:

In the next part, we will learn how to work with text in responsive projects.

Happy captivating!

The post Responsive eLearning with Captivate 2017 – Part 8: Using Optional Fluid Boxes appeared first on eLearning.

Responsive eLearning with Captivate 2017 – Part 7: Using Static Fluid Boxes

In this blog-series, so far we’ve learned how to create a responsive project, rescale it (if required), add Fluid Boxes to the slides, add objects to the Fluid Boxes, apply background fill, and modify the flow, wrap, and alignment properties of the Fluid Boxes. Now let’s learn how to use Static Fluid Boxes in Captivate 2017.

You can convert Fluid Boxes to Static Fluid Boxes if you wish to place overlay objects inside a Fluid Box. This property will allow you to place the objects on top of each other, or partially overlaid on each other, instead of placing them side by side.

Also, for the multi-state objects, you can use normal Fluid Boxes. But, if you plan to add additional objects to the object states, you will need to convert the Fluid Box to Static.

Watch this video to learn how to enable static properties for a Fluid Box:

In the next part, we will learn how to mark objects and Fluid Boxes as optional in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=

Responsive eLearning with Captivate 2017 – Part 3: Adding Fluid Boxes

In the first and second part of this blog-series on responsive eLearning with Captivate 2017, we learned how to create a new responsive project and rescale the maximum width and height of the responsive project.

Now let’s learn how to add Fluid Boxes to the responsive project which will help you quickly and easily format slides; and adjust the layouts to fit the content needs.

Fluid Boxes are intelligent containers in responsive projects. They can either be added to the slides or can be inherited from the master slides. Objects placed in Fluid Boxes are automatically aligned so that learners always get fully responsive experience regardless of their device or browser.

Watch this step-by-step tutorial to learn how to add, select, rename, and resize Fluid Boxes in Captivate 2017:

In the next part, we will learn how to add different objects to Fluid Boxes in Captivate 2017.

Happy captivating! 			</div><!-- .entry-content -->
	    
	<footer class=