Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Objects outside of screen are visible on tablets!

Explorer ,
Feb 02, 2017 Feb 02, 2017

Hi,

I have the following problem: I create a course in Captivate like this:captivate1.png

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:

captivate2.png

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:

captivate3.png

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!

105
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
no replies

Have something to add?

Join the conversation
Resources
Help resources