Hi,
I’m having troubles using the Transition FX Action. I’d really like to do the same effect as Freeway’s FAQ page where the panels can slide back and forth.
My trouble right now is that I can make my text appear, but when I click on the next title to show text, it appears over my first one. If you click again, it will disappear. I can’t see where I can make the first one disappear. I tried to make it slide like the FAQ but when it didn’t work I changed my design to appear below titles.
Unfortunately the Transition FX action does not have a parameter to hide the current visible items when another is shown. This means having newly shown items push down the currently shown ones is really the only option.
You need to have these items in-flow in order for this to happen.
Thanks for the help but I have what may seem like a stupid question. How do I make the items in-flow? I read the Freeway manual and can’t get it. The effect of one heading being clicked on and pushing the others in the list is exactly what I want to do. Do I put the text into the heading?
Thanks again for the help.
Brian
You need to have these items in-flow in order for this to happen.
It is not a stupid question at all, but the concept is one any web designer needs to be familiar. HTML used to always be in-flow, but now supports layers as well (CSS). For your objects to push down other objects, the objects must be in-flow.
If you have ever used a desktop publishing program you will be familiar with two ways of embedding graphics:
1.) Pasting one into text at the insertion point. This means the graphic will move in-flow with any changes made to the text surrounding it.
2.) Importing the graphic into a placeholder of its own. In this case the graphic will maintain its location on the page, regardless of manipulations made to other content around it. It has its own layer and is not in-flow.
In your case, the html (or graphic) boxes that you want to expand, along with their headers, must be inserted into a parent html container in-flow. There are two ways to do this:
By clicking in the parent html container to place the insertion point, and using the “Insert” menu to add items to the container in-flow.
Or by Cutting the boxes to be expanded (and their headers) to the clipboard, and pasting them into an open parent html box at the insertion point.