How do I get my states to show one at a time?

[dons45070553]

I have a series of buttons that change the state of a single object. When I click the button the first time, the state changes, revealing text and an image. When I click the next button, the text and image for the corresponding state show up but they show up on top of the previous state. So it's not hiding the previous state, it's layering on top of it. How do I get my states to show one at a time?

[Lilybiri]

Can you show a screenshot of the object state panel? Are you using the command 'Change to Next State'?.

Which version are you using (exact number)?

[dons45070553]

Captivate 10.0.0.192

I'm using the command "Change State of".

[Lilybiri]

I cannot make out what is on the object states, it is too small. Please only a screenshot of the object states.

Do you use a simple action 'Go to Next state'? If yes, did you uncheck the option 'Continue playing the project'?

[dons45070553]

I used a simple action "Change State of" Is this what you want to see?

[Lilybiri]

Only the Object State panel, please, you always take a screenshot of the whole screen. I just see that this is a responsive project, but cannot see what is in the different states.

What is that red box that is outside of the stage?

[dons45070553]

After experimenting with states in fluid boxes, I decided to attach my states to an object outside of the stage. So, my 5 states are all attached to the red box.

[Lilybiri]

It is still as small as before. But I suspect that your experiment is causing the issues. Normally an object outside of the slide is not included in the output. Why did you do that? If you want to 'normal state' to be invisible to the user, choose a shape without a stroke or fill, but put it on the stage.

[PROGGRL]

This not only happens with images, but even with Shapes containing text. Oftentimes on hover, the previous text box will remain, as if the browser hasn't detected the mouseOut action. If you rehover over the rollover object and back out, it will go away.

This happens often, but only on occasion with the rollOver state. It's quite annoying when you have many slides with multiple boxes containing roll over states. Typically for these actions, I will use a shape as a button and create the rollOver content as Don is showing on the RollOver state. Either I will delete the down state or create the same effect on Down as I do for the rollOver.

Lieve, would you suggest creating an action would change the state instead so the content only showed when clicked not hovered? I'm not convinced this is a captivate issue. Could be browsers trying to play Flash files. And, no HTML5 output from Cp doesn't load properly in most of the browsers used at work, so not yet an option. Go figure.

[Lilybiri]

@PROGGRL  You are confusing me. Are you talking about rollovers, or about states.

There is definitely a great difference between InBuilt states, which exists for interactive objects and for Drag&Drop objects, and custom states. What you are talking about are InBuilt states (rollover), whereas the command 'Go to Next State' mentioned by the OP only work on custom states.

States are in no way linked with the Flash player, it is the output you choose that will need the Flash player (SWF output) or not (HTML5 output).

[PROGGRL]

Sorry if this is off topic, but was a similar outcome, as from time to time, one of the roll overs likes to stick when there are multiple rollover buttons on screen.

I was referring to the inbuilt RollOver state that occurs when you use a Shape as a button. The same issue the OP mentioned happens to me when I use that RollOver state to display content when the user rolls over the shape button. For instance, see below. 

Overall Shape State View:

State Panel:

[PROGGRL]

It may also be helpful to see how you have this action set up. Are you hiding all other states when the next button is clicked?

Moderator: there is no Hide state command, only one custom state can show up at the same moment, hiding is not only impossible, it has no sense.

[Lilybiri]

???? You cannot even hide states, you can only show one custom state at a certain moment. Sorry, but you do have a lot of misunderstanding about states. A custom state can replace the normal state, but you can never replace the other InBuilt states.

Have a look at:

1 action = 5 Toggle Buttons - Captivate blog

Your problems with that rollover is probably due to the fact that the InBuilt states have limitations, do not use them to show text on Rollover, for that purpose you should use a Rollover caption or a Rollover Shape. Rollovers have no future anymore, they are not supported on mobile devices. The hover effect for a button is something different, although it has the state label 'Rollover'.