Skip to main content
Inspiring
April 19, 2017
Question

Re-positioning items in 2017 responsive

  • April 19, 2017
  • 1 reply
  • 600 views

I'm playing around with Captivate 2017, and I'm running into this issue with the Responsive side.

I can't find any tutorial for re-positioning items for responsive in Captivate 2017, only for the Fluid Boxes.

In Captivate 9, the different size screens had a different color associated with it, especially in the Position Tab. When I try to re-position items that are not connected to a Fluid Box or I need off screen for a specific screen size, it seems like that ability is gone and only Fluid Boxes are available. When I try to move an item under a different Preview mode, it moves the item in all the Preview modes instead of just that one. How did I get items that are not connected to a Fluid Box to change positions and sizes from different screen sizes?

I'm hoping I'm just over looking an option that allows me to have that control again.

The Fluid Boxes are great for certain screens, but I can't see this working out good  when I do a lot of interaction slides that need to be layout in a specific way to have everything line up correctly.

This topic has been closed for replies.

1 reply

zeeshan hussain
Adobe Employee
Adobe Employee
April 20, 2017

Hi,

There is no concept of Breakpoints when working in Captivate 2017 Responsive project.

Can you tell me exact use case you want and may be i can help you with that. 

Regards,
Zeeshan Hussain
Adobe Captivate Engineering Team

Inspiring
April 20, 2017

Hey Zeeshan,

I did find the Breakpoints in the 2017 version.

It's located under

Project tab > Switch to Breakpoint Mode

Fluid Boxes get disabled, but I'm fine with that. The biggest struggle I found with the Fluid boxes was controlling the placement and arrangement of the content in the Fluid Boxes. Like I said above, it's great for specific projects. For me I just really need that exact CSS Position placement for the interactive slides from the different screen sizes. Having things rearrange themselves and not having that pixel control to move and shift individual items over a bit wasn't working for certain slides.

Inspiring
April 25, 2017

Just wanted to mention that when working with Fluid Boxes there is an option indicate an element (or the whole Fluid Box) is optional. When you check that box Captivate will hide the item when the screen size is smaller, depending on your layout/wrapping choices.