I couldn't find any information about this specific problem, but we are having an issue with our Scorm packages in Moodle adding padding on the edges of the pop up window.
Any ideas about what is causing this would be very appreciated. Thanks.
The story size the you set in Storyline is going to set the size of the published page, but It isn't uncommon for an LMS to add elements to the page, which will cause your published page to appear in the LMSs browser window different than you expect. I suspect that you are going to need to experiment with your LMS settings to determine the correct browser size window that will display the Storyline file the way you want. Try setting your browser width a bit narrower, or setting the height a little taller.
I ended up going for 16x10 display as it works best on the devices we use (Samsung note 10 and Samsung galaxy s5). As I have the menu in the top bar and no sidebar enabled I went for 1500x630 (1.5x the default for this size).
I have moodle set to launch the modules in a new window and I lock the storyline player at optimal size.
I'd defer to the community's expertise on Moodle, but if they're displaying the content in an iFrame, it's up to the iFrame to determine the display elements and as such items may be cut off as detailed here. You'll want to reach out to your LMS Team for additional assistance.
Also, since you mentioned your overall story size and it looks like you added items to the player, I did want to share how that will impact your overall size.
You will have to play with the settings and I realy don't know the value of the padding settings, just threw them in for good measure. It worked for me. There is only about 10 px off the bottom that I couldn't find a way to offset.
9 Replies
What are the settings of both the stroyline player and moodle scorm activity?
It may be that you need to adjust your story size (dimensions)
Your storyline and moodle course module screen sizes are set to different values. Adjust the window size for your module in moodle to correct this.
Thank you for the help. Unfortunately, I keep having this same problem.
I set Moodle to the standard 720x540:
and I also set my Storyline Publishing Setting to 720x540:
And I still get the same problem:
The story size the you set in Storyline is going to set the size of the published page, but It isn't uncommon for an LMS to add elements to the page, which will cause your published page to appear in the LMSs browser window different than you expect. I suspect that you are going to need to experiment with your LMS settings to determine the correct browser size window that will display the Storyline file the way you want. Try setting your browser width a bit narrower, or setting the height a little taller.
Using the standard story size you will always get the extra space on either side as the dimensions differ from the screen you are using.
I just went through a similar exercise. Check out this link: - https://www.articulate.com/support/storyline-2/how-to-determine-the-optimal-slide-size-for- mobile-devices-sl2
I ended up going for 16x10 display as it works best on the devices we use (Samsung note 10 and Samsung galaxy s5). As I have the menu in the top bar and no sidebar enabled I went for 1500x630 (1.5x the default for this size).
I have moodle set to launch the modules in a new window and I lock the storyline player at optimal size.
Hi Richard,
I'd defer to the community's expertise on Moodle, but if they're displaying the content in an iFrame, it's up to the iFrame to determine the display elements and as such items may be cut off as detailed here. You'll want to reach out to your LMS Team for additional assistance.
Also, since you mentioned your overall story size and it looks like you added items to the player, I did want to share how that will impact your overall size.
As a follow up, I was able to work around the problem by selecting "Launch player in new window (creates launch page)".
I embedded the package into the current page of Moodle so multiple windows don't open. This isn't ideal, but I couldn't find a better solution.
Thanks Richard for the update and sharing it here with us.
Hey Guys and Gals!
I know this in an old thread, but I have had similar problems and have found a solution for these gaps in the browser...
Go to your theme Custome CSS and add the following:
#page-mod-scorm-player {
overflow: hidden; /* Hide scrollbars */
margin-top: -15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: -40px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#page-mod-scorm-player #scormpage #scorm_content {
height: 100%;
vertical-align: top;
}
/* Hide "Review mode" */
#page-mod-scorm-player #scormtop {
display: none;
width: 0px;
}
You will have to play with the settings and I realy don't know the value of the padding settings, just threw them in for good measure. It worked for me. There is only about 10 px off the bottom that I couldn't find a way to offset.
Good luck!!!!!!
This discussion is closed. You can start a new discussion or contact Articulate Support.