Skip to main content
I
iDoNotBelieveIt
Known Participant
September 18, 2017
Answered

Animating objects in same position in responsive projects using fluid boxes

  • September 18, 2017
  • 1 reply
  • 476 views

I have just started experimenting with fluid boxes to see if I can use this approach in place of breakpoints. It looks very promising, but the one challenge I have come across is animation. In an existing responsive CP9 project I have a simple splash screen that comprises an logo that is replaced with another graphic synchronised with some audio.

The issue is that when using fluid boxes I cannot find a way to have one object appear and then be replaced with the second in the same position. When using a fluid box the two objects will be positioned either horizontally or vertically.  I assume this is a limitation of using fluid boxes, and the solution is to use Adobe Animate and import the animation as an OAM.

Am I correct, or is there a way to do what I would like directly within the Captivate time line?

This topic has been closed for replies.
Correct answer Lilybiri

Fluid Boxes have several limitations because they are 2-dimensional. However there are some workarounds possible:

  1. Use a static fluid box: it allows stacked objects; an example is the Feedback fluid box on quiz slides, as I described in: Tips for 'Fluid' Quiz Slides - Captivate blog
  2. I am not sure about your use case but in many instances you can replace two stacked objects by one object with two states. That is possible in a normal fluid box

A static fluid box has the disadvantage that it will always keep its width/height ratio.

1 reply

Lilybiri
LilybiriCorrect answer
Legend
September 18, 2017

Fluid Boxes have several limitations because they are 2-dimensional. However there are some workarounds possible:

  1. Use a static fluid box: it allows stacked objects; an example is the Feedback fluid box on quiz slides, as I described in: Tips for 'Fluid' Quiz Slides - Captivate blog
  2. I am not sure about your use case but in many instances you can replace two stacked objects by one object with two states. That is possible in a normal fluid box

A static fluid box has the disadvantage that it will always keep its width/height ratio.

I
iDoNotBelieveItAuthor
Known Participant
September 18, 2017

Thanks once again Lieve!

What I missed was that I needed to create a child of the main fluid box (the container I suppose) and then the static option becomes available for the child box, in which I can place the objects. I shall experiment further, but this looks very promising and potentially a massive time saver when creating responsive projects.

I will also have a good read of your blog on 'fluid' quiz slides. I spent ages creating a template for responsive projects in CP9.

Lilybiri
Lilybiri
Legend
September 18, 2017

Here are two more links, all about Fluid Boxes on master slides:

Fluid Boxes and Master slides - Captivate blog

Guides and Fluid Boxes: Best Buddies! - Captivate blog     published yesterday.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices