How do I make previous button success caption disappear when I click a new button?

[TMarie1234]

Hi everyone.

I am currently using shapes that I have converted to 'buttons'.

I have four shapes (hexagons) in a row. When I click the first hexagon, a success caption appears. When I click the second hexagon, I want the first success caption to disappear, and for a new caption to appear in its place. The same goes for the third and the fourth. At the moment when I click each button, all of the success boxes just appear on top of one another, and I cannot read the text.

Please can you advise? This is driving me mad!

[Lilybiri]

If you are talking about the default sucess captions, they have a default dureation of 3 seconds. I don't understand why they appear at the same location, unless you duplicated the buttons, but didn't move the success captions? You can change the duration of the caption in its Timing panel.

If you want them to disappear when another caption appears, you need to use another approach, not with the default captions. You will have to create custom text containers, and show/hide them with the actions of the different buttons. I would consider grouping the text containers and use a shared action for the buttons:

    Hide Group

    Show Text

However you don't tell if those buttons have already a function?

[TMarie1234]

Thanks for the quick response.

I want the text for each button to appear in the same location (but obviously do not want the previous buttons text to still be there). When I click button 2 I want button 1’s text to disappear, does that make sense?

I think I need to try your ‘second approach’ – could you please give me a step by step guide on how to do this? I am using Adobe Captivate 2017.

Thanks,

Tanya

[Lilybiri]

What is the function of those buttons, except showing something?

In CP2017 I would use one text container (I prefer a shape) which was a state for each text. I will label those states One, Two, Three....

Uncheck the default Success caption in the button properties.

Use the On Enter event of the slide to hide the multistate object in Output (Hide command).

For each of the buttons use the Success event to trigger the command 'Change state of.....'. Be sure to uncheck the option 'Continue Playing the Project'

BTW be careful with posting your personal credentials. I deleted them, know this is a public forum and you don't want spammers.

[TMarie1234]

Hi,

The only reason for the button is to display text, once it is clicked. I want this text to disappear once another button is clicked.

At the moment I just have four hexagons that I have converted to 'buttons'. I only know how to use the 'on success' feature, and cannot see another option for 'on enter'. How do I make a text container?

[Lilybiri]

On Enter is a slide event. Look in the slide Properties panel, Actions tab, where you'll find the On Enter event. If you don't want to use that event, you can also create a text container that has a Normal state that is totally invisible to the user: no fill, no stroke. In that case I would prefer a shape over a caption. BTW: if you use the default settings, the so-called Success Caption is also a shape in most themes.

I use the word text container because you can display text both in a text caption or a shape (my preferences since styling is so much easier). Use whatever you prefer. You can see such a multisttate object that has content when clicking an item in this movie, used as an example for a Fluid Boxes workflow: It is on the third slide (click one of the text items, those are also shape buttons). Sorry, text is in Dutch:

FluidBoxesDemo

[TMarie1234]

Hi Lilybiri - I'm sorry I am being really slow.  Is there a tutorial for how you created slide 3? It is exactly what I want to happen, but I do not know how to get there!

[Lilybiri · Accepted solution]

I explained in my previous answer how to do it.  That movie was part of a presentation comparing Fluid Boxes and Breakpoint Views workflows. I have a lot of tutorials on my blog, not a ss simple as the one I explained in my previous answer.

• Create a shape that will be the text container. Set Alpha = 0 and Stroke width = 0. That <will be the Normal state. I will label that shape 'Tx_Info'.
• Open Object State panel (State view button for the shape). Add as many states as you need for the texts. Give them a name that make it easy to find them later. Add text in the states.
  
• For each of the buttons use this command: Change State of Tx_Info to ......     where ...... is the name of the state you want to show.
• 

[TMarie1234]

Hi Lilybri - thank you so much for your assistance, the method that you provided above worked, and I have managed to create a great slide. Thanks again for your help

[Lilybiri]

You're welcome.

[TMarie1234]

Hi LilyBiri,

One final question - I have managed to create a text container which appears when I click my button due to the 'state change'.

Is there a way I can also change the state of the button, at the same time? I want the button to change colour once the user has clicked it.

Not sure if this is too complicated.

Thanks in advance.

[Lilybiri]

Forgot which version you do have? It is very easy in CP2017, because a button has an inBuilt state 'Visited' which you can add to the default states Normal, Rollover and Down. You can format the Visited state with the wanted color. It will automatically appear when the button has been clicked at least once.

[TMarie1234]

Hi Lilybiri - spot on, managed to do it. Thanks again