Copy link to clipboard
Copied
Hi,
I have the following problem: I create a course in Captivate like this:
The yellow thing is the screen visible for the user. The blue object sticks up a little bit (which is sometimes unavoidable or needed, for example for some animation effects). That`s how it looks like for users on desktops:
However, if a user on a tablet views the course and if the pinch gesture for increasing the size is enabled, the user is able to the see the "invisible" part (which he should not be able to see) after increasing the size:
Question: What can be done to hide the parts which are not meant to be seen by the user? The easiest way would be to hide theses objects by other (white) objects above them. However, the object will only be shown if they overlap the visible part of the screen which would result in making my screen smaller (at least 1 pixel left, right, top, bottom) - which I like to avoid as mobile devices are too small anyway.
Anyone a great idea? Maybe some JavaScript to make the background outside the project invisible? Or something else?
I use Captivate 9 (most recent version) and publish in HTML5. Thank you very much in advance for any suggestions!
Have something to add?