A real full screen story - still not possible in SL?
Nov 07, 2017
By
Jan Zet
Hello folks,
I am desperately looking for a solution to fix the full screen issue in stories.
Perhaps not only in my opinion but it really does cost some quality of the final visual effect when the white frames round a 'wanna-be-a-full-screen' slide/story.
Is there any life-hack on this or a standarized way of setting the story/slide size up so regardless devices applied or browser sizes displaying the course you will see the background fully filled by a color or image ?
I found this one and correct me if I am wrong, but this looks like made in SL?
http://illumengroup.com/dev/charneyd/EarthToTheMoon/story.html
Any of help will highly be appreciated!
Thanks
11 Replies
Can you post a sample of your project where you're having the problem?
Hi, have a look on the attached one.
The story size is 1920*1080.
In fact I run on a screen that is 2560*1440 but no matter if I change the screen or lower the res to match 1920*1080 the white margins around will always follow. Even in the browser's full screen mode - here it looks slightly better, white margines look thinner, but still, this is not a real full screen as in the Lego example shown above..
If the Lego sample is SL, I want to know how they tied the slider to the scroll wheel.
Looks like SL-made, not only by the string and story.html, but in the source coding too
view-source:http://illumengroup.com/dev/charneyd/EarthToTheMoon/story_html5.html
You're right, I should have looked first. Looks like js for the slider, and modified style sheets for the player.
Jan, save your current player settings, and then load the "Chromeless" player which I've attached. Change the player background color, fix any other player settings like fit to screen, and you should be good to go. The only other thin grey line I saw was the one that exists within your background image. You'll have to edit that out and re-insert the image. Let me know if you need more explanation on any of these points.
Michael, thank you for your kind and prompt support!
I can greatly apply your input thus finally enjoy the genuine full screen!
Looks like I start believing in love to SL :) Thanks again.
The only what I am wondering about is whether changing player settings across various slides is possible. This relates to the background colour applied. It would be perfect to could change it. I have for instance some chapter starters/separators that would use dark background and the content slides white.
Jan, I'm happy to hear that worked for you.
If you would like to change the background color of the HTML page on individual slides, you will probably have to add a trigger to each slide (or to the Slide Master used by those slides) which executes the following javascript:
Hi again, OMG!
this sounds like the solution to my issue! Can't wait to putting this all together in my final story!
However, for some reasons the ..bgColor does not work in my slide.
Have tested whether I trigger correctly the JS string for the slide and it looks like I do,
as some other functions work without any issues e.g. alert that i tested
Could it be that some background colour settings inside the player options overrule the JS?
Using your track with the JS, I tried out another string to play with the background:
document.body.style.background = 'url(image url) no-repeat center center'
which also work greatly and as solving my issue, but what it does it changes the background for ALL slides, not only the one I have triggered - isn't strange ?
Are you using Storyline 2 or 3/360?
I tested this in Storyline 3. It looks like the proper javascript is:
Is also looks like once that is changed, it will stay the same for all slides. You can either place a trigger on each slide with its color, or use Slide Masters with triggers on them and assign each of your slides to the proper Slide Master. Let me know if you have any questions.
This discussion is closed. You can start a new discussion or contact Articulate Support.