2017 - Responsive - Transparent text boxes - Looks different when i preview

[nicolej88540370]

I am fairly new to Captivate and this is my first time working in a responsive project. I have text in a transparent text box - when I go to preview the project the text looks different from when I am working in it. Sometimes it changes the size of the text and its changing placement too. I have seen in other posts/forums that in previous versions there was something about an anti -aliasing option, but I don't see that in the 2017 version. the first image is how it comes out when I preview it. and the second one is how it looks while working in the program.

[Lilybiri]

Anti-aliasing: have never seen that in Captivate, and is not really related with your issue, I understand it as being a software technology to smoothen lines when the resolution is too small. It is used often in other applications

You show screenshots, where I see guides, but it is the fluid boxes setup which is important, at least I think you are using Fluid boxes, not Breakpoint views?

[nicolej88540370]

yes I am using fluid boxes. I just set up a new project as Breakpoint with the text and photos and I think it worked. it looked the same in preview mode and in the working document.

Do you know if there is a setting somehow in the fluid box mode that i need to make sure is checked/unchecked to make sure the text stays the same when i preview or should i just work in the breakpoint view?

Thanks for your help.

[Lilybiri]

I would need to see the setup of the fluid boxes, how you configured them. Breakpoint views allow more control over the design but it is a lot more workj. Maybe you could read this blog post I created, where I compare both workflows:

Fluid Boxes Or Breakpoint Views? - Captivate blog

If the fluid box is set up correctly and you preview at the same resolution as set up, they should look identical. That is why I think your Fluid boxes setup is not correct. For text the big advantage of Fluid boxes is that the font size  rescales smoothly when changing the resolutio until the minimum font size is reached (which is set at a rather bi 14pt). With breakpoint views the font size remains fixed between two breakpoints. You have to set up the font size for each breakpoint in the Object Style Manager which is not necessary for Fluid Boxes. It is up to you, but your statement in the thread title is not really correctn sorry. 

I'm also wondering why you talk about 'transparet text boxes. Are those shapes with Alpha = 0?  Or are they captions with Alpha = 0? I see a background in blue: is that the background of the project (solid color)? Or did you fill the fluid box with a solid color?

[nicolej88540370]

Thanks - i will check out the blog, that may help.

i didn't set up the fluid boxes any specific way. i just set up a new responsive project and started putting all the information in. the fluid box setup is probably not correct but i am not sure how to set them up.

the transparent text boxes are the text boxes set in the Caption Type as transparent. The blue is the background of the project.

[Lilybiri]

You have to be sure that the caption is really IN the fluid box. Can you drag it from the fluid box in the scratch area, which would mean it is not in the Fluid box? Working with fluid boxes need some learning process, it is not as easy as the marketing people seem to claim. It took me about 3 months to get my head around fluid boxes and I have 13 years of experience with Captivate.

[nicolej88540370]

yes it can move to the scratch area. i will play with that then. Thanks so much you have really helped me out.

[Lilybiri · Accepted solution]

If you want it to snap to a fluid box you have two work flows:

1. Drag the text caption from the scratch area over the fluid box until it shows a thick grey surrounding border, release the caption and it will be IN the fluid box.
2. Or select first the Fluid box and drag the text caption in it.

You will probably see now exactly the same ion the stage as in preview for the same resolution.