Forum Discussion
How to temporary hide a customized player button
Hello E-learning Heroes!
I am working on the project, where as part of it I created a Player button, which lightboxes a particular slide. But, the thing is that I don't need it to be visible alway...
Normally, when you add a custom player tab, the Storyline assign an unique ID name that this tab could be identified with. In this Storyline version, the custom player tabs are identified as "link-right-0", "link-right-1", "link-right-2" etc. depending of how many custom tabs are being created in the player settings. Find out what ID has been assigned to your custom tab and run this JavaScript code in the "Execute JavaScript When the timeline starts on this slide" trigger:
To hide it on any slide:const customTab = document.getElementById('link-right-1'); customTab.style.display = 'none';
To show it again on the next slide or any other slide:const customTab = document.getElementById('link-right-1');customTab.style.display = 'block';
Just keep in mind that JavaScript will not run in Preview. It has to be published to Review 360, Web or LMS to test it out.
Hello Nedim.
It was so helpful, you cannot even imagine. Thanks a lot!!!
By the way, while I was testing I figured out, that my button's ID is "link-right-5". Then, I changed it's order (I put it in front of all other buttons), which actually impacted the ID. It became "link-right-0".
This means that ID is assigned by Storyline to every custom player button depending on it's order in the Player.
