Skip to main content
Participant
April 19, 2018
Question

Allow users to view responsive course in landscape view only

  • April 19, 2018
  • 2 replies
  • 162 views

Hi I am using adobe captivate 9 and my client requirement is he needed courses to be viewed only in landscape view. Please let me know if somebody can help me out.

This topic has been closed for replies.

2 replies

TLCMediaDesign
Inspiring
April 19, 2018

It is possible to force landscape mode using CSS.

If you put this in the style tag in the index.html it will force landscape. This code is a test that I did, so it forces landscape on a desktop also.

#cpMainContainer { display:block; }

@media only screen and (orientation:portrait){

  #main_container { 

    height: 100vw;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

}

@media only screen and (orientation:landscape){

  #main_container { 

     -webkit-transform: rotate(90deg);

     -moz-transform: rotate(90deg);

     -o-transform: rotate(90deg);

     -ms-transform: rotate(90deg);

     transform: rotate(90deg);

  }

}

RodWard
Community Expert
Community Expert
April 19, 2018

If that IS the case, simply DO NOT create a responsive course.  A non-responsive course is by default a Landscape course (unless you deliberately set up the aspect ration of the stage area to be taller than it is wide).

You can set the content at publishing to scale to the width of the viewing area.