Double vision with button and 2 text boxes
May 21, 2013 12:00 AM
:)Hi, Looking for some ideas on how to fix this issue...
I've created a page with a list of questions the learner is to click. I've placed a transparent button on top of the text. When clicked, the underlying different color text appears along with the answer box graphic. My issue is that when I publish to html it looks and works perfectly. When I publish to scorm and view on the iPad, all of the initial text boxes - except the last on - has double vision![ATTACH=CONFIG]430[/ATTACH] My text boxes are the same size, same location, etc. ANYONE??
Discussion (2)
First of all, this is bad practice. It's double work to edit, change, translate and otherwise maintain. It also not how web works. If I were you, I'd try to find another way to highlight the boxes, e.g. show a rectangle frame around it or add a green tick next to it, or something.
But we're not here to judge. Here's what could help:
1. Make sure the top and bottom boxes are really, really, REALLY identical in terms of position, font, size, content etc etc. Best way - delete one of them, duplicate another, recolor the text.
2. So you have an action that shows the re-colored box. Add another action that HIDES the original box. This way there will be no double vision.
Thanks! Yes, that fixed all of the issues. I did each question text box over using grey font and did the copy/paste and changed text color to blue. I also created a Show/Hide group where only the grey text box shows. When I click on the grey text box button, I run the action group first, then hide the grey text and show blue text below, and show the graphic with answer. It now runs correctly on both iOS and IE.
Discussions have been disabled for this post