Forum Discussion

michaelroddick's avatar
michaelroddick
Community Member
3 months ago

Storyline Player Background Color Conflict with Custom Colors

Hello,

Hoping there is an easy fix. I am experiencing a conflict with the player background colors not setting/displaying correctly.

I build custom players for our products every couple years, I set the background color to "Custom" then set the hex value for a new color.

What I am seeing is while the player is loading and when it is loaded I get a color swap from the old color to the new.

After a bit of poking around I found that the inline css controlling the background-color in the body tag (actual html markup) isn't updating to the new color so I get a "flash" of old color before the linked css file loads the correct background color.

Is anyone else experiencing this, is it a known bug (I believe its been like this a while), is it me and my system, or am I just going crazy?!?!?

I've attached an image showing the differences.

Thanks

Mike

 

 

advice
storyline 360

4 Replies

  • SBP_Inc's avatar
    SBP_Inc
    Community Member
    3 months ago

    I'd suggest opening a support ticket or suggestion as having SL set the background to your requested RGB values in the HTML would be a smoother experience and remove the color flash

    Nice detective work btw

  • EricSantos's avatar
    EricSantos
    Staff
    3 months ago

    Hello michaelroddick​ 

    Thanks for digging into this. Great catch spotting the inline CSS angle, that’s super helpful context!

    And thanks to SBP_Inc​ and filiberto136​ for sharing your insights and workarounds.

    Just to confirm a few things that will help us reproduce the issue:

    • Does the color swap happen in preview, or only after you publish?
    • If published, which browser and version are you using?
    • Are you publishing for LMS, Web, or Review 360?
    • Which Storyline 360 update are you running?

     

    Those details will help us confirm the behavior and log a report if needed. You can also open a support case if you’d rather share your file privately.

    • michaelroddick's avatar
      michaelroddick
      Community Member
      3 months ago

      Hi Eric

      Here you go

      • Does the color swap happen in preview, or only after you publish? Both, and has been for some time. I have been nursing it by editing the HTML but its laborious and easy to miss.
      • If published, which browser and version are you using? Primarily Edge (141.0.3537.57) and Chrome (140.0.7339.208), but it doesn't matter since the issue is in the markup.
      • Are you publishing for LMS, Web, or Review 360? Primarily for LMS but again it doesn't matter since the issue is in the markup.
      • Which Storyline 360 update are you running? 3.104.35448.0

      It seems that if your engineers made sure the inline CSS and the external CSS matched the custom color chosen in the software, there wouldn't be the issue. Now, of course I am not an engineer so I have no idea the effort I am asking for. :)

      • StevenBenassi's avatar
        StevenBenassi
        Staff
        3 months ago

        Hi michaelroddick​!

        Thank you for sharing the details on your setup!

        I'd like to connect you with our support engineers so they can have a closer look at this behavior. I've opened a support case on your behalf. Also, it would be helpful to see a copy of the affected .story file, as well as a screen recording of the issue as you're experiencing it on your end. I've sent you an e-mail containing an upload link you can use to share those items privately with our team.

        We can continue the conversation through your case to keep all information in one spot!