Rendering Banding issue - Storyline 3

Hi there, 

I've recently switched to Storyline 3 and I've noticed a few banding issues when outputting the courses. 

It seems to affect the right side of the screen when including text across the page, but also on articulate generated shapes which I've added a gradient to. 

I've attached a few examples of what I mean, but I've also included a link to an example course here.

Has anybody had any similar issues or have any idea what is causing it. Would be great if I could find a work around.

Thanks in advanced, 


6 Replies
Katie Riggio

Hi, Jack. Appreciate you sharing those screenshots!

I went through the example course link where I'm having trouble reproducing those display issues in Chrome 76. Click here to see a short video of my test!

Have no fear, though. We'll figure this out together! A few questions to help us troubleshoot further:

  • Does this problem also happen during Preview?
  • What browser(s) are you using to view the published output?
Jack Waller

Hi Katie, 

Thanks for getting back to me. I can see a similar issue on the first page of the video you recorded (that's super helpful by the way), but it looks much subtler on there. 

The issue doesn't appear during preview. 

I've tested using a few different browsers. 

Chrome 77.0.3865.75 - Which is where the original screenshots I shared were from

Firefox - 69.0 - The below screengrab shows it even worse in firefox

And IE 11 - Where there doesn't seem to be any issue at all!

So probably a browser based issue by the looks of things, not sure if there will be anything to solve it in Storyline?



Katie Riggio

Thanks for continuing to work through this with me, Jack!

Ah, I now see what you're describing on the first slide when trying Chrome 77 and Firefox 69 (especially). Here's a quick recording of the re-test!

Where is the course hosted? Also, are you able to share the .story file with me for further testing? You can share it publicly here, or send it to me privately by using this upload link. I'll delete it after we nail down the source!