Removing border from story
May 15, 2015
After extensive research I thought I would post here. I am trying to completely remove any sort or border from my story when I publish. I have seen numerous tutorials or removing all the player features, but none of them showed a published story. Inside Storyline, I am able to remove everything I need to remove. Upon publishing, the exported .swf has a 10 pixel border around it. The story.html file has also added these dimensions where it calls the .swf.
The way the LMS we work with functions, is to display the entire .swf. If this is not the correct size it will scale the .swf. Obviously this is causing issues.
Please tell me there is a way to remove this border? In the attached image the header and footer banners should be at the edges.
Thanks, Ryan
23 Replies
Hi Ryan,
Have you seen the information here on making a chromeless player? Also, if you've included any player element for any slide, that spacing is left across all slides - and the player size elements are determined as described here. You may also want to test if the extra padding is attributed to the LMS by testing at a site such as SCORM Cloud which is an industry standard for testing LMS content - additionally you could publish for web and place within one of the options mentioned in this article.
Thanks for responding Ashley. So if I'm understanding the player size elements, even if you have no elements there will still be the extra 20 pixels in height and width?
Hi Ryan,
Yup - that's just the standard player set up - you could "hide" it by making in transparent, but that won't help with your overall sizing/scaling issue.
Well that's unfortunate! Thanks for that link again Ashley, I definitely missed that one in my search.
Sorry it wasn't the answer you were looking for Ryan, but glad I could point you in the right direction.
Hi Ashley - is this in scope for the next update release? Why is this border necessary? Thanks
Hi Rahul! If you would like to see this handled differently, I would encourage you to submit a feature request to our product development team. I do not know the answer to why :)
Ashley, how do you make it transparent? I have made everything transparent from the player color options, but there's something outside of those items.
Thanks.
Amy
Hi Amy,
Do you have a screenshot of what you're seeing? Or a copy of this .story file with the player set up?
Hi Amy
do you mean you are still seeing the border? If you are only previewing this will happen but once published should not be visible if you have followed all the steps to make a transparent player.
This previous post may help you https://community.articulate.com/discussions/articulate-storyline/how-to-get-rid-of-custom-player-border
I was viewing in Preview only. The color goes way when I publish, except now I'm seeing two dividers. I did make the left/right dividers transparent.
Thanks.
It sounds like Wendy got you situated Amy - if you're still having difficulty with those dividers let us know and if you can pop a screenshot in here as well that'll help us pinpoint the issue.
Hi Amy
have you seen this pdf that gives all the objects of the player - might help you isolate the ones not playing nicely for you
I have seen it--downloading now to my work computer. Thanks. :)
After playing with different player features, somewhere along the line, my background photo is no longer filling the space. From Normal/slide view, the image fills all the space. I can't see a way to get rid of the white lines at the top and bottom.
I used a custom story size, but haven't changed that--although I would like to know how to set the size so that the slide space matches the dimensions of the photo.
What could be causing the white space?
Thanks.
Hi Amy
do you have player features enabled on some of the other slides like seekbar or volume, prev/next buttons?
Hi Amy,
What are the dimensions of the photo in comparison to the dimensions of your custom story size? It looks like that may be where the white space is coming from within the background of the slide vs. the player elements. If you're able to share that one slide we could help confirm that.
In the process of deleting all the slides but one, the remaining slide was fine (although the border was so small, it couldn't have been Next and Back buttons). Problem solved--for now at least. However, in another file, the dividers are still showing, even though they're set to 100% transparency.
Hi Amy,
Thanks for sharing that. I took a look and previewed the course and it displayed file with the whole white border - which made it hard to see your menu and exit buttons, but I uploaded a copy of it to Articulate Online so you could take a look at it as well.
Ah! Of course. White text on a white background ... thanks.
Happens. :-)
Hope you have a happy holidays!
Hi, Did the product development team make any progress on reducing player border size? If not is there a method of reducing the 10 pixels by js or amending the html file - i had a quick look myself and nothing i do seems to make any difference.
Seems a bit strange to have a border at all when so many people are now using transparent borders etc.
Hi Paul,
There haven't been any changes to the player border size since this discussion. As for amending the JS or HTML file, I'll defer to the community for that as it's well outside my area of expertise.
This discussion is closed. You can start a new discussion or contact Articulate Support.