Forum Discussion
Customizing Player
- 3 months ago
It’s a custom tab that can be selected, unselected, or deleted in the Player Properties. When selected or unselected, the tab's state (visibility) applies globally across all slides. To remove the "CONTACT" tab from specific slides, you would need to use JavaScript to target that tab and remove it from those slides only. Execute JavaScript when the timeline starts on this slide:
const tabs = document.querySelectorAll(".custom-link"); tabs.forEach(tab => { let contactTab = tab.querySelector('span') if (contactTab.textContent.trim() === "CONTACT") { tab.style.display = 'none'; // hide } });
These buttons each have their own ID that can be targeted individually. However, I used a slightly longer code to target your tab by its text content, as I'm unsure how many custom tabs are in your project.
To ensure the "CONTACT" tab appears on specific slides, execute the JavaScript when the timeline starts on those slides:const tabs = document.querySelectorAll(".custom-link"); tabs.forEach(tab => { let contactTab = tab.querySelector('span') if (contactTab.textContent.trim() === "CONTACT") { tab.style.display = 'inline-block'; // show } });
It’s a custom tab that can be selected, unselected, or deleted in the Player Properties. When selected or unselected, the tab's state (visibility) applies globally across all slides. To remove the "CONTACT" tab from specific slides, you would need to use JavaScript to target that tab and remove it from those slides only. Execute JavaScript when the timeline starts on this slide:
const tabs = document.querySelectorAll(".custom-link");
tabs.forEach(tab => {
let contactTab = tab.querySelector('span')
if (contactTab.textContent.trim() === "CONTACT") {
tab.style.display = 'none'; // hide
}
});
These buttons each have their own ID that can be targeted individually. However, I used a slightly longer code to target your tab by its text content, as I'm unsure how many custom tabs are in your project.
To ensure the "CONTACT" tab appears on specific slides, execute the JavaScript when the timeline starts on those slides:
const tabs = document.querySelectorAll(".custom-link");
tabs.forEach(tab => {
let contactTab = tab.querySelector('span')
if (contactTab.textContent.trim() === "CONTACT") {
tab.style.display = 'inline-block'; // show
}
});