Forum Discussion
Moder player text and nav colors
Hi Eric
The benefits being able to customise the font colour and menu controls for us are:
- Player content can match slide content colours / colour palette
- Player would have better cohesion with client branding
- If a custom background colour has been set for the player, we can ensure the player text and control colours are a colour that meets contrast standards for web accessibility,
I have also tried setting the control and font colours by editing the output.min.css file as an alternative as there was no out of the box way to do this. However I found this was not a viable option. I set the colours as I wanted by editing the CSS file and this worked fine. However if I save the edited CSS file, republish the module and then overwrite the published CSS file with my edited one the fonts and text on the slides don’t display correct and lots of text characters on the slides end up being square boxes. This would mean that the changes I made would need to be added to the CSS file each time the module is published which isn’t very practical for maintaining the module after go-live.
If there was an out-of-the-box way to do this that would be great.
There were also a couple other things I would like to be able to edit in the player.
- The sidebar and top menu buttons always display as ALL CAPS even if they haven’t been typed that way in the player. We try to use sentence case for our learning as it can be easier to read because there is more differentiation in character height (refer to this article https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide)
- If there was a way to have the left and right sides of the player match the slide background colour. This would make the slide background looks seamless and blend it to the edge of the page if the background is a solid colour. I’m working on a module that would look better if this was the case. In this module my slide background colour changes depending on the topic / scene the learner is in so if there was a switch you could turn on in the settings to have it match the background rather than set a specific colour that would be great. I also tested in the CSS file setting the player background colour to the slide background colour however this didn’t really work because I could only set the player background to one colour and I wasn’t sure how to set a trigger to change it when the learner changes to a different topic.
Normally I don’t use the player functionality and put all navigation assets on the slide so that I can control the look and feel of my module. However I am trying to use the modern player in my learning for accessibility reasons (as per this article here https://access.articulate.com/support/article/Storyline-360-Accessible-Player). This is why I would like the further options to customise the modern player settings.
Let me know if you have any further questions.
Kind regards
Nisha
Related Content
- 2 years ago
- 6 months ago