Skip to main content
E
Exuberant_day5E2E
Participating Frequently
December 13, 2018
Answered

Smart Shape won't come to the front of text entry box

  • December 13, 2018
  • 2 replies
  • 970 views

Good afternoon,

Working on a course with text entry boxes and using a Smart Shape as a feedback caption that's supposed to come up on top of the text entry box. However, even though it's on the appropriate place on the timeline, the text entry boxes keep coming up on top of the Smart Shape. I've also tried using a Text Caption and get the same result. Any ideas what could be causing this? Pics are below. I'm using Captivate 10/2017 and the Smart Shape shown below is at the top in the timeline. It previews correctly in Captivate, but in HTML5 preview and output shows how you see it below. Thanks in advance for any help!

This topic has been closed for replies.
Correct answer Lilybiri

Text Entry Box will always be at the top of the stack in HTML output, probably because it needs to have the focus. Changing the layer stack order in the Timeline will not change that. It is similar to the priority of embedded quiz objects on a question slide: they always are on top of the stack.

I suppose JS could change the z-index, but I never found a workaround for HTML output in Captivate itself. For SWF output lot of workarounds were possilble (I put the shape on a short slide before the present slide, timed for the rest of the project and it did show on top of quizzing objects or TEB's).

2 replies

Lilybiri
LilybiriCorrect answer
Legend
December 15, 2018

Text Entry Box will always be at the top of the stack in HTML output, probably because it needs to have the focus. Changing the layer stack order in the Timeline will not change that. It is similar to the priority of embedded quiz objects on a question slide: they always are on top of the stack.

I suppose JS could change the z-index, but I never found a workaround for HTML output in Captivate itself. For SWF output lot of workarounds were possilble (I put the shape on a short slide before the present slide, timed for the rest of the project and it did show on top of quizzing objects or TEB's).

E
Exuberant_day5E2EAuthor
Participating Frequently
December 17, 2018

Thanks! I thought so, but was hoping there was another way.

David Burnham HBA
David Burnham HBA
Inspiring
December 13, 2018

Based on your design I would think that you have a hidden smart shape or text box that you show based on the text box and an action you created.

Text boxes have their own success / failure / hint as part of the object but that is not what you are talking about.

As I recall, when you create output in flash their was no Z order implied in the compiled file. But that is not the case in html5. So what happening is that when the slide renders in html5 it is placing the text entry box at the highest level in the html5 Z order (stacking order by default) so it will always be on top. You may have to move the hidden object or your response to a different location on the slide.

If any others have info on Z stacking order in how Captivate will render html5, would be appreciated.

Eric Dumas
Community Expert
Eric DumasCommunity Expert
Community Expert
December 15, 2018

Can you include a screenshot of your timeline, it might hold a clue there as well

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices