Text Entry Boxes always in the front after publishing in HTML5 block other objects

Question

I have text entry boxes that I have placed at the back but after publishing in HTML5 they always appear in front. I have tried to create an Advanced Action that when the user clicks on a button that goes to next state it hides the TEB until the user clicks the button again so that the TEB does not block the image. Although this causes the slide to auto advance even though the user had not entered anything in the TEB and I do not have Continue project enabled on this button.

Need to know how to change the order of the TEB so once published it does not move to the front or need to know an Advanced Action that lets me temp hide the TEB without it advancing the slide.

-Thank you

Lilybiri · Accepted Answer

Sorry misunderstood what you were asking.

object_state_panel

Just for testing reasons, can you try to replace the present action you were using by a conditional action. You'll have to create a user variable, will label it v_popup. GIve it a start value of 0 (popup not visible). Action will be:

IF v_popup is equal to 0

Hide TEB

Toggle v_popup

Change State of Button to .Directions

ELSE

Change State of Burront to Normal

Toggle v_popup

Show TEB

Lilybiri · Answer

Can you post some screenshots: timeline and the advanced action which you trigger by which event?Can you also check the exact version number, please.?