Getting started on Fluid Boxes – Adobe Captivate 2017 release

May 12, 2017
Contact me if you have any questions with Captivate or this portal! shambu@adobe.com 
Staff 12 posts
Followers: 47 people
Product Manager
15

Getting started on Fluid Boxes – Adobe Captivate 2017 release

Contact me if you have any questions with Captivate or this portal! shambu@adobe.com 
Staff 12 posts
Followers: 47 people
May 12, 2017

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

 In the 2017 release of Adobe Captivate, a Fluid Box is a layout mode that provides the arrangement of objects on a slide so that the objects behave predictably when the slide accommodates different screen sizes and devices. A Fluid Box is an easy to use layout model for e-learning designers. You can lay out child objects in any direction and have flexibility to adapt to the display space.

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

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.

  1. Horizontal Fluid Box layout
  2. 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 

Adobe Captivate 2017 – Fluid Boxes

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 –

Please do leave your feedback & share your experience…

Comments(15)
2018-02-14 22:42:41
2018-02-14 22:42:41

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!).

Like
(1)
2017-06-30 08:41:23
2017-06-30 08:41:23

"...is available as a free download." Where?

Like
(1)
>
NeilHoskins
's comment
2017-06-30 08:46:41
2017-06-30 08:46:41
>
NeilHoskins
's comment
Like
2017-05-11 11:19:09
2017-05-11 11:19:09

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?

Like
(2)
>
Paul_Wilson
's comment
2017-05-12 06:34:37
2017-05-12 06:34:37
>
Paul_Wilson
's comment

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

Like
>
mohanadas
's comment
2017-05-12 10:31:11
2017-05-12 10:31:11
>
mohanadas
's comment

Thanks

Like
2017-05-01 18:05:11
2017-05-01 18:05:11

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

Like
(6)
>
StevePixel
's comment
2017-05-01 18:31:33
2017-05-01 18:31:33
>
StevePixel
's comment

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

Like
>
Shambu Nashi
's comment
2017-05-01 21:18:42
2017-05-01 21:18:42
>
Shambu Nashi
's comment

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

Like
>
StevePixel
's comment
2017-05-02 06:19:07
2017-05-02 06:19:07
>
StevePixel
's comment

Hi, Can you point me the video you mentioning?

Like
>
Shambu Nashi
's comment
2017-05-02 15:24:30
2017-05-02 15:24:30
>
Shambu Nashi
's comment

Sure its the one in this thread. "Creating 1st Responsive Project- At the :31 second mark." Thanks. Steve

Like
>
Shambu Nashi
's comment
2017-05-11 11:25:02
2017-05-11 11:25:02
>
Shambu Nashi
's comment
Like
>
Shambu Nashi
's comment
2017-05-12 01:56:21
2017-05-12 01:56:21
>
Shambu Nashi
's comment

Got it! Thanks Shambu

Like
2017-05-01 13:26:23
2017-05-01 13:26:23

Nice!

Like
(1)
>
Paul_Wilson
's comment
2017-05-01 14:18:34
2017-05-01 14:18:34
>
Paul_Wilson
's comment

Thanks Paul! We are looking forward to hear from User on their experience. @All - Please do share your feedback.

Like
Add your comment