Forum Discussion

LARROQUEFREDERI's avatar
LARROQUEFREDERI
Community Member
2 years ago

Text color "Ressource tab"

Hi there, I need to change the default color of the 'Resources' tab (only this one) of the Storyline 360 modern player. Do you know if it's possible (with Java Script for example)? Thanks ! ...
storyline 360
LARROQUEFREDERI's avatar
LARROQUEFREDERI
Community Member

Hi,
Last question on this subject (and then I'll stop, I promise :-))
Do you know if it is possible to do this in Storyline (see the attached document in pdf)
THANKS
Fred

Jürgen_Schoene_'s avatar
Jürgen_Schoene_
Community Member
2 years ago

no problem - this is the new global script for the slide master -> on timeline starts

if( window.cssPatchResourceButton !== "done") {
  style = document.createElement('style');
  style.textContent = `
    body.green #resources-link {
      color: #00AB4F;
    }
    body.red #resources-link {
      color: #FF2E17;
    }
    body.yellow #resources-link {
      color: #FFEB3D;
    }
  `

  document.body.appendChild(style);
  window.cssPatchResourceButton = "done";

  console.log("Resourse button patched");
} else {
  document.body.classList.remove('yellow');
  document.body.classList.remove('red');
  document.body.classList.remove('green');
}

and for the three slides -> trigger on timeline starts

 document.body.classList.add('green');
 document.body.classList.add('red');
 document.body.classList.add('yellow');

result:

https://360.articulate.com/review/content/09d03857-ac71-4322-b7bd-0d77495e7812/review

 

Related Content