Skip to main content
its7737756
its7737756
Participant
February 20, 2018
Question

Captivate 9 - HTML5 text entry issues

  • February 20, 2018
  • 2 replies
  • 499 views

Hi

I am creating eLearning which will be interactive allowing the user to move through by entering text. I have used text entry boxes to achieve this and also have separate state views to give additional information in a roll over effect.  This is all working great until I preview in HTML5, I am trying to make sure everything works in HTML as the world is moving away from Flash and so are we. This is just one of many issues discovered when previewing in HTML but this is the only one I can't find a work around for.

Issue:

When running the HTML5 preview the text entry box appears over the top of the roll over information even though it is below on the timeline.  When previewed in Captivate it works fine but HTML does not like it. I've tried giving the text entry box an Opacity of zero as a solution but I end up with a white box instead!

Please can anyone help? I find there is very little information in the Google world around the Captivate assets that don't work in HTML and find it hard to believe that no one else is experiencing issues.

Thank you for your time and input.

Teresa

This topic has been closed for replies.

2 replies

P
PaulOmeara
Participant
January 27, 2021

I have the same issue and it's 3 years later then the original post. Unfortunately my hover is a magnifying glass. When I hover over it, it magnify's the section in doubt to fill the screen (except the text entry box that sits on top of the rollover). Due to this I am unable to move the hover around so it's not over the top of the text entry box. Does anyone know of a solution to this that may have happened over the past 3 years?

Lilybiri
Lilybiri
Legend
January 27, 2021

I'm sorry but the answer is probably NO. Nothing has changed about the functionality of Text Entry Boxes, nor about its default position on top of the stack (z-order).

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
February 20, 2018

I have also encountered your issue.  It appears to be something related to the way the HTML5 browsers prefer to put input objects such as text entry boxes at the highest layer level so that they are not obscured.

You will find the same thing happens in Captivate Fill in the Blank quiz question slides.  The feedback captions cannot be on top of the text fields.

Unless someone else has a better idea or fix, I suggest you reposition your objects so that they do not conflict.

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