I have a locked Menu and the problem is when you open it and hover over different titles the grey area changes its color slightly which makes people think they can click on it. How can I change that ?
Thanks but I know how to lock the menu the problem is that to the user it looks clickable even though it is not and not supposed to be. When you hover over different titles they change colour slightly. See video attached to the subject.
Ah thats what you meant... ok...basically Storyline only blocks the click-action so the hover effects in the menus indeed stay active. You can fix this by changing the CSS for the hover... if you check your browser-inspector with some searching you will find the css-files that cause the hover-effect.
These two. If changed to appropriate values to not show the hover-effect when blocked...well it wont show :-) Biggest problem now is how to activate/deactivate those css values when wanted...
Replace your output.min.css in your published folder by this one...and it wont show..but thats not the complete solution. Just helping you understand what happens. In the Storyline player this CSS controls the hover and click colors of that menu... Search for */CHANGED*/ in the CSS. So whats needed to get this working completely is some override that you can control from Storyline to override those CSS classes...
6 Replies
In the player settings there is under 'Menu' an option to set the choices in the menu to either free, restricted or locked.
My best guess is that its 'locked' in your course.
Click the small cog downbelow to get to the Menu Options..
Kind regards,
Math
Hello Math,
Thanks but I know how to lock the menu the problem is that to the user it looks clickable even though it is not and not supposed to be. When you hover over different titles they change colour slightly. See video attached to the subject.
Hi Ksenia,
Ah thats what you meant... ok...basically Storyline only blocks the click-action so the hover effects in the menus indeed stay active. You can fix this by changing the CSS for the hover... if you check your browser-inspector with some searching you will find the css-files that cause the hover-effect.
.cs-npnxnanbnsnfns00000000001 .cs-listitem:hover {
color: #b4b4b4;
}
.cs-npnxnanbnsnfns00000000001 .cs-listitem:hover {
background: rgb(27 27 27);
}
These two. If changed to appropriate values to not show the hover-effect when blocked...well it wont show :-) Biggest problem now is how to activate/deactivate those css values when wanted...
Replace your output.min.css in your published folder by this one...and it wont show..but thats not the complete solution. Just helping you understand what happens. In the Storyline player this CSS controls the hover and click colors of that menu... Search for */CHANGED*/ in the CSS. So whats needed to get this working completely is some override that you can control from Storyline to override those CSS classes...
Hello again Math,
Thank you, I am gonna see if I am able to get there :)
So basically there is no "simplier" way to manage this in the player options.
Best regards
Hi Ksenia,
No, that is limited to editing the CSS.
Kind regards,
Math
This discussion is closed. You can start a new discussion or contact Articulate Support.