Getting started on Fluid Boxes – Adobe Captivate 2017 release
What is a Fluid Box
Download the Workbook – Getting Started with Fluid Boxes in Adobe Captivate 2017
A Fluid Box container expands the objects to fill available free space, or shrinks the objects to prevent overflow. Elements in a Fluid Box are direction-agnostic. The objects can adapt to the space available.
Useful Resources
- Adobe Captivate Free Sample Project – CloudAir SoftSkills
- Download Free Adobe Captivate Sample Project – Adobe Captivate 2017 Training
Using Fluid Box in Captivate
In Captivate, you can either insert a Fluid Box layout vertically or horizontally in a responsive project. Depending on the screen size, the objects in a Fluid Box container grow or shrink without compromising the screen width.
In the 2017 release of Adobe Captivate, there are two new items in the Objects menu bar.
- Horizontal Fluid Box layout
- Vertical Fluid Box layout
Fluid Boxes – Knowledge Facts Series –
Check out Videos on how to get started with Fluid Box –
Fluid boxes in Adobe Captivate 2017
Creating First Responsive Project
In this video, I show you the new way to design responsive eLearning with Adobe Captivate 2017 using fluid boxes.
Adobe Captivate 2017 – Convert Blank Projects to Responsive Design
Do check out the blog –
- Captivate 2017: Create Responsive Projects using Fluid Box tool!
- How to convert Non responsive Projects to Responsive Projects
- Under the hood with Captivate 2017: Creating a Custom Preview Mode for Responsive Projects
- Using Fluid Box Fill for eye-catching content in Captivate 2017
- Using Optional with Fluid Boxes in Captivate 2017 to customize content across devices
Please do leave your feedback & share your experience…
Thanks for the information!
Thanks for all the good resources! I’m coming back to Captivate after some time away, and responsive design using fluid boxes is one of the newer features I’m not familiar with. The sample project (CloudAir SoftSkills) is particularly helpful; I like the use of multi-states to change the demeanor of the man and the position of the needle on the empathy meter (another feature that’s new to me!).
“…is available as a free download.”
Where?
Shambu Nashi can you tell me at what point do items that we mark as optional get dropped from being displayed? In other words what is the determining factor?
Hi Paul,
The determining factor here is the Wrap point. If your project width is 1024px and your wrap point is set to 80%, then optional objects vanish at that 80% mark, which in this case would be around 819px.
Thanks,
Mohana
Thanks
Hi Shambu,
This is really interesting. I’m looking forward to playing with this for my micro learning project. This layout has given me some interesting options to consider.
Thanks for sharing it.
Cheers
Steve
Thanks Steve! Your idea on Microlearing & Fluid box looks interesting, curious to see how your module comes along – https://elearning.adobe.com/2017/04/microlearning-and-fluid-boxes/
Thanks,
Shambu
Thanks Shambu,
I will keep you posted. On another note, the video mentions that project file is available for download. Can you direct me to that link?
Cheers.
Steve
Hi, Can you point me the video you mentioning?
Sure its the one in this thread.
“Creating 1st Responsive Project- At the :31 second mark.”
Thanks.
Steve
Stephen O Hearn Here is the url – https://files.acrobat.com/a/preview/f3d206e6-1978-41e5-b473-ae9b3c2ff524
Got it!
Thanks Shambu
Nice!
Thanks Paul! We are looking forward to hear from User on their experience.
@All – Please do share your feedback.
You must be logged in to post a comment.
