I'm wondering is someone would be able to assist me in removing the player border completely. I am aware of the player options and changing the transparency to zero, however I'm trying to remove this completely.
I've published something the iPhone and it does not appear to be filling the browser because of this. I'd like it to be corner-to-corner with no gaps. I've even tinkered around with the javascript and still nothing. I'm familiar with javascript so if someone knows something there as a workaround, I'm open.
Really..? Why...? Thats Really sad. That border is completely useless to me, why havent you guys thought of providing options in player editor to remove this. Now I have to use negative margins on my holding container to ged rid of this....
I agree Neil - this needs to be an option - I'm using a workaround for now, but I don't like tweaking the CSS to fix an issue that shouldn't be there...
Yeah there is a solution to this issue..... Just have to make the border transparent in the player.
Go to player properties -> colours & effects -> Advanced Color editing ->
Choose Edit item: Base>> There would be seven base items like bg, border, diva, divb etc...
Just make them 100% transparent..........Your player becomes transparent.
Now to hide the previous and next button, just go to story view and select all the slides and uncheck the previous and next, under the slide navigation controls.
Andrew, this line of code is very helpful and works partially for me. Thank you! I'm using Chrome. the player aligns at the top without any margin/padding, but there's still margin/padding in left, right, and bottom, i.e. the player does not fill the browser window completely. How do I remove the left, right, and bottom padding so the player fills the browser. Any ideas/additional code? Please see attached image.
I don't know if Andrew is still subscribed to this thread, but you may want to message him directly using the "contact me" button on his profile as the changes to the code is not something that our Support team can assist with.
Seeing that this issue keeps being revisited again and again. Has there been any progress with this feature being added? So we can actually remove the border all together. Not just set it to transparent.
Hi, Darlene -- Thanks for reaching out, and while I do not have any updates to share at this time, I did want to let you know that you are welcome to share your thoughts with our Product team via this form. And although we are not able to announce product roadmaps or release dates for new products/features or updates, you may wan to subscribe to the Word of Mouth Blog for updates.
Hi, I have not yet been able to remove the "white" border around my "stage" when I run the "story.html" version. However, when running the version "story_html5.html" that same border does not appear. Has anyone managed to figure out how I take the edge? Sorry, my english, I'm using google translate.
Hello Anderson and welcome to E-Learning Heroes :)
Are you utilizing one of the solutions above for transparency and that's not working as expected? Would you be able to share the .story file for me to take a look? Even just a sample slide in a .story file with the issue will be helpful. Thanks so much!
Hello, my friend Nilo has managed to solve this, I just changed the line (var g_strWMode = "window"; // transparent | window (use "window" for optimal performance, transparent for webobject support) to (var g_strWMode = "transparent"; // transparent | window (use "window" for optimal performance, transparent for webobject support). Just switch window to transparent.
20 Replies
Hi Maurice. Have you tried editing the story.html (and _html5) to remove the player border?
Look for this line:
var g_strWMode = "window"; // opaque | window (use "window" for optimal performance, opaque for webobject support)
and change it to this:
var g_strWMode = "transparent"; // opaque | window (use "window" for optimal performance, opaque for webobject support)
Yes, the color is transparent, but there still appears to be margin/padding there.
To my knowledge that padding remains in place. You can make it transparent but cannot make it completely go away.
:( ok thanks!
Really..? Why...? Thats Really sad. That border is completely useless to me, why havent you guys thought of providing options in player editor to remove this. Now I have to use negative margins on my holding container to ged rid of this....
I agree Neil - this needs to be an option - I'm using a workaround for now, but I don't like tweaking the CSS to fix an issue that shouldn't be there...
<body style="height: 100%; margin-top:-10px;" onunload="DoOnClose()" onbeforeunload="DoOnClose()">
want to remove full player need just white background without margin and padding. is there any solution for this issue.?
Yeah there is a solution to this issue..... Just have to make the border transparent in the player.
Go to player properties -> colours & effects -> Advanced Color editing ->
Choose Edit item: Base>> There would be seven base items like bg, border, diva, divb etc...
Just make them 100% transparent..........Your player becomes transparent.
Now to hide the previous and next button, just go to story view and select all the slides and uncheck the previous and next, under the slide navigation controls.
Thanks,
Parichaya
Hi Harish! Looks like Parichaya is assisting you here :)
Thanks Parichaya!
Andrew, this line of code is very helpful and works partially for me. Thank you! I'm using Chrome. the player aligns at the top without any margin/padding, but there's still margin/padding in left, right, and bottom, i.e. the player does not fill the browser window completely. How do I remove the left, right, and bottom padding so the player fills the browser. Any ideas/additional code? Please see attached image.
Thanks!
Hi Artur,
I don't know if Andrew is still subscribed to this thread, but you may want to message him directly using the "contact me" button on his profile as the changes to the code is not something that our Support team can assist with.
Hi Ashley,
Seeing that this issue keeps being revisited again and again. Has there been any progress with this feature being added? So we can actually remove the border all together. Not just set it to transparent.
Thank you,
Darlene
Hi, Darlene -- Thanks for reaching out, and while I do not have any updates to share at this time, I did want to let you know that you are welcome to share your thoughts with our Product team via this form. And although we are not able to announce product roadmaps or release dates for new products/features or updates, you may wan to subscribe to the Word of Mouth Blog for updates.
Hi, I have not yet been able to remove the "white" border around my "stage" when I run the "story.html" version. However, when running the version "story_html5.html" that same border does not appear. Has anyone managed to figure out how I take the edge? Sorry, my english, I'm using google translate.
Hello Anderson and welcome to E-Learning Heroes :)
Are you utilizing one of the solutions above for transparency and that's not working as expected? Would you be able to share the .story file for me to take a look? Even just a sample slide in a .story file with the issue will be helpful. Thanks so much!
Hello, my friend Nilo has managed to solve this, I just changed the line
(var g
Hello, my friend Nilo has managed to solve this, I just changed the line (var g_strWMode = "window"; // transparent | window (use "window" for optimal performance, transparent for webobject support) to (var g_strWMode = "transparent"; // transparent | window (use "window" for optimal performance, transparent for webobject support). Just switch window to transparent.
Very good Anderson and thank you for chiming back in to share with the community.
Hello all,
I am using the Modern Player, with everything is off .. using a custom UI.
I am facing the same problem, where left and right paddings exist. Anyone ever comes to solve this problem?
Thank you ..
Nicole Legault penned an excellent article demonstrating how to suppress the Storyline Player; you can find it here:
Here's How to Create an Invisible Player in Storyline
And here's where you can see it in action:
Principles of Design