Forum Discussion

Alistair's avatar
Alistair
Community Member
13 days ago

Small gap between slide content and player

This is something I've noticed in Storyline for a few years now. 

9 times out of 10, there is usually a small 1px gap between the edge of my slide content and the player, making it impossible to create seamless content. The small gap also shows some content, but not others. The location of the small gap also seems to be random across the 4 sides. 

For example, below is a screenshot from one of my latest courses (in both Chrome and Edge). You can see the small gap between all edges of the slide and the player, with the edges more prominent in Chrome. The gap does appear slightly in the Storyline Preview, but is much worse in published content (either to SCORM or Review 360). The slides are 1080x1920. 

For reference, the below screenshots were all taken on a 4k monitor at 100% page zoom. 

It appears to be a responsive scaling issue, as the gaps change affect edges depending on the window size, the browsers zoom, etc. 

To try and mitigate this issue, I extended the edges of the blue rectangle shapes outside of the slide bounds, but those objects get culled so you can see the gap, but some objects that are beneath those objects are still visible. 

Has anyone else come across this issue (my entire team have), and if so, have you tried anything that has fixed the issue? Making edits to the SCORM package JS or CSS sheets isn't a viable workaround, as it needs to be corrected in the Review 360 versions (for client reviews). 

Additionally, can anyone at Articulate touch on whether this is a known bug and/or if its on a patch roadmap?

Please note: I can't upload the Storyline file due to privacy, however, I can confirm this has happened in almost all of the Storyline modules we produce across multiple versions, browsers, and operating systems. 

Above: Storyline Preview. Very small gap between the left and right edge of the blue banner at the bottom. 

Above: Review 360 - Chrome. Very visible gaps along all edges of the slide, where you can also see objects that go outside the edges of the slide. 

Above: Review 360 - Edge. Barely visible gaps along the blue edges of the slide.

 

Above - Left: Zoomed in screenshot of the bottom of a slide with custom navigation arrows, where you can see the button between the bottom of the blue rectangle and the player. 

Above - Right: Zoomed in screenshot of the Master slide showing the blue rectangle is extended past the slide bounds completely covering the bottom of the button so its not visible. The blue bar has been moved on the right edge to show where the edge of the slide is, purely for the purpose of the screenshot. 

Note: Interestingly, when I tried to screenshot the button being visible in the gap, if the browser window lost focus, the button would disappear from the gap. 

3 Replies

  • Hello Alistair​

    I appreciate you sharing screenshots of what you are experiencing! I want to confirm that this behavior is related to a bug that our team is investigating. We do not have any updates at this time. I've added your voice to this report. 

    As a workaround, we are sharing with folks to insert a shape that is bigger than the slide and filled with the same color as the player to avoid this gap.

    I understand you mentioned being unable to share your file. If you are having difficulty with the workaround in your project file, we can work privately in a support case and have our team sign an NDA to assist you further. 

     

    We'll share any updates on a fix in this thread so everyone is in the loop!

    • dgingera's avatar
      dgingera
      Community Member

      We have the same issue. It’s been happening for several YEARS.

      The recommended work around does not work. We have tried multiple different remedies to no avail. (In our case, we have a black line that appears around the frame on our white player)

      Our team has brought this forward several times, but no resolve on it.

      At least now we know we are not the only ones experiencing this problem and can stop thinking it is something we are doing wrong.

    • Alistair's avatar
      Alistair
      Community Member

      Hi Luciana, 

      Thanks for your reply, however, please see the final image in my post. I have already tried placing a shape larger than the slide filled with the same colour, however, the gap still persists. It seems that SL decides which shapes to cull at the slide bounds and which ones not too.