Okay so I'm really new to this whole InfoBox and iframe thing. As I was searching through the forum for solutions related to the InfoBox iframe, I believe Matthew Amato stated in a previous thread that we are able to inject our own css files this way:
var cssLink = frameDocument.createElement("link");
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
Link to previous thread:
I tried inserting the above lines of codes into, say, HelloWorld.html and checked by inspecting the page. The iframe's css did not change to the new css file (still points to the default InfoBoxDescription.css) and additionally, throws me an error in the console "ReferenceError: frameDocument is not defined".
I even tried replacing the cssLink.href's url in InfoBox.js to point towards the new css file but to no avail.
I'm not sure where I went wrong, maybe I placed it in the wrong file or something, but I hope any of you can point me to the right direction!