Play scorm in fullscreen ?

Olivier R.
Forums
Hi, We have some 2004 scorm's files in our courses. It's possible to "play" scorm's files in full screen mode ? Olivier
axel

Hi Olivier,

Hi Olivier,

You have a full screen feature in Opigno lessons.

The the full screen rendering of your SCORM package will also depend on the package itself.

What's going wrong with the fullscreen display (I assume that you clicked on the "full screen" icon of the lesson and that the SCORM package does not render as you expect) ?

Olivier R.

Hi Alex,

Thanks for your anwser, but I don't find the full screen feature in Opigno lessons for scorm quiz, we have the 1.25 version.
axel

Hi Olivier,

Hi Olivier,

The full screen can be triggered by clicking on a pictogram on the top right side of the lesson.

You can learn more and see how this pictogram looks by checking our user manual at page 37 of French version.

Let me know if this doesn't help.

Olivier R.

Hi Axel,

On the user manual, page 36, there is a note on full screen display mode for theoretical lessons but not way for a scorm quizz.
axel

It should appear also for

It should appear also for quizzes

Can you post a screenshot of your interface ?

Olivier R.

Hi Axel,

you can find a screenshot on our lesson scorm edit : http://www.hostingpics.net/viewer.php?id=586997lesson.png
axel

You made a screenshot of edit

You made a screenshot of edit interface. This is a screenshot of view interface that would be helpful, when taking the lesson (there is no full screen available in edit mode)

jschneider

Did somebody solve this

Hey, It's been a while since the last person answered. I was wondering, if somebody managed to solve this problem, since I don't see a fullscreen button in a lesson either. Sincerely, Justus Schneider (apm E-Campus)
Profile picture for user James Aparicio
James Aparicio

It does not display when you

It does not display when you take a lesson? Or are you just looking at the lesson node or a specific question node?

Also, do you have clean urls enabled?

Best regards

jschneider

It does not display when looking at SCORM Modules inside a lesso

It does not display, when you're looking at a SCORM Module (made in Articulate Storyline) inside a lesson. If it's a H5P Module, then it shows a fullscreen button.
markusd1984

I get the full screen icon for Articulate Rise SCORM & tin can

When i click the full screen icon in right upper corner of the lesson it's maximised but still shows the top bar (Step 1 of 1) and bottom bar with buttons for "Leave blank and Finish" and "Finish". **A true full-screen mode** would be really great to have, to see the module as intended and make use of the screen estate. This probably would require automatic scoring and option to hide buttons [as mentioned here](https://www.opigno.org/en/forum/support/how-ensure-users-dont-skip-content#comment-3869 "As mentioned here") Or alternative launch via pop up window / new tab?
Profile picture for user James Aparicio
James Aparicio

Hi markusd1984,

Hi markusd1984,

The fullscreen button is just javascript adding a class to the body and then css displaying or not the content you want. 

If you want to remove the step x of x you can do it simply with some some css.

 

markusd1984

I have limited experience

I have limited experience with css but will have look in future, first I need to solve the issues am having with tin can playback and recording scores. (looks like I have troubles with bookmark re scormdriver/indexAPI.html). I was just thinking of improvements that would benefit others too and the experience of Opigno in newer versions without the need to code but sounds like it's possible. Better would be even if we could load the html itself in a new window with the tincan content and let it automatically record, as I understand that completion status is sent at the end of the lesson if the tincan is programmed that way?
markusd1984

Where to define for SCORM package to launch via pup-up window?

Hi James, I'm currently testing SCORM packages while am awaiting feedback from Axel on my tin can playback issues and LL v2 communication. Wondering where best to adjust the code to launch a package in a pop-up window (instead of the maximise button) ? Inside Opigno ie. opigno_quiz_app or opigno_scorm_quiz perhaps? If I understand correctly the attached SCORM package is loaded in an iFrame within Opigno page? Thanks, Markus
markusd1984

Removing padding for "fullscreen" mode via maximise button

I managed to remove the padding from the maximised "fullscreen" mode to use all the available space changing the the padding definitions into /profiles/opigno_lms/modules/opigno/opigno_quiz_app/css/opigno_quiz_app.css **body.page-node-take.opigno-quiz-app-fullscreen #second-sidebar { width: 100%; padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; }** and to hide messages ie. "Resuming a previous quiz in-progress" / " You have already passed this Lesson. " body.page-node-take.opigno-quiz-app-fullscreen #messages { display:none; } I couldn't figure out a way though for the middle part were lessons/quizes etc are to take up the whole screen so that the bottom bar is actually on the bottom of the screen. (otherwise, in some cases it's leaving still a big gap beneath, especially on larger screens.) I can see it's inside the "flex-wrapper" which doesn't expand to the bottom. Inside that the div "content" is made up of 3 divs: quiz_progress, field-name-opigno-scorm-package and the answering-form. Not sure if I would need to adjust any of them? I also tried setting the height for **.scorm-ui-player-iframe-wrapper iframe** to auto or 100% with no effect (only width works). Any ideas or perhaps it can't be done for the height due to using flex? Appreciate any advise, thanks.
markusd1984

Scorm Player inside #second-sidebar.clearfix - iFrame height?

For Scorm content, how can we display **.scorm-ui-player-iframe-wrapper iframe** to take up all the height within?  Instead of min-height with fixed pixels, I was only able to use min-height:-webkit-fill-available to have some effect, which expands the height but still overlaps the screen a bit.     height:100%; doesn't unfortunately work Basically **quiz-question-navigation-wrapper** is not fully pushed to the bottom