Skip to main content
Known Participant
September 12, 2016
Answered

How to hide the Submit button in the TEB?

  • September 12, 2016
  • 1 reply
  • 921 views

Using Cap 9, with the latest update.

I have added a "text entry box" group to a slide. After the entry is validated, I'd like to hide the entire group. I call it a group because you get the field and the Submit button.

I can hide the field because I can give it a name and then refer to it in my advanced actions. But I can't seem to refer to the Submit button so therefore, I can't hide it.

Have I missed something? Is there a known work-around for this that will let me hide the submit button as well as the text entry field?

This topic has been closed for replies.
Correct answer Lilybiri

No, it is an embedded object, which means you cannot address it because it has no proper ID. Moreover you cannot add states neither. I tried that as well. Those embedded objects are very limited.

I have a workaround however. It depends a bit on the used theme, but often the Submit button is a Text button. This is my work flow

  1. Because you cannot change the style of a text button, I replaced it by a transparent button.
  2. I made that transparent button totally invisible to the user: Fill Opacity = 0%, Stroke Width = 0 and deleted the Caption (label) of the button.
  3. I created a text caption or shape with 'Submit' and dragged it under the TEB in the Timeline. This is not necessary for SWF output, but it is for HTML output. That text container has an ID and will be visible because the TEB button is totally transparent.
  4. When the Submit button is clicked, I trigger a Success action that will:
    1. Hide the Text container (Submit)
    2. Hides the TEB

If you have to do this multiple times in a project, you could create a Shared action.

1 reply

TinkerTrainer
Known Participant
September 12, 2016

Can you make the button not visible in output ("eyeball" toggle up near the button's name in Cap 9), then "show" it with the same advanced action you call the field with?

Lilybiri
LilybiriCorrect answer
Legend
September 12, 2016

No, it is an embedded object, which means you cannot address it because it has no proper ID. Moreover you cannot add states neither. I tried that as well. Those embedded objects are very limited.

I have a workaround however. It depends a bit on the used theme, but often the Submit button is a Text button. This is my work flow

  1. Because you cannot change the style of a text button, I replaced it by a transparent button.
  2. I made that transparent button totally invisible to the user: Fill Opacity = 0%, Stroke Width = 0 and deleted the Caption (label) of the button.
  3. I created a text caption or shape with 'Submit' and dragged it under the TEB in the Timeline. This is not necessary for SWF output, but it is for HTML output. That text container has an ID and will be visible because the TEB button is totally transparent.
  4. When the Submit button is clicked, I trigger a Success action that will:
    1. Hide the Text container (Submit)
    2. Hides the TEB

If you have to do this multiple times in a project, you could create a Shared action.

Kodiak100Author
Known Participant
September 12, 2016

Adding a fake Submit button behind the transparent TEB Submit button worked very well. Thanks.

Wonder if there is any hope they will eventually address the issue of not being able to refer directly to objects within Captivate.