7 Replies Latest reply on Jul 3, 2012 5:49 PM by SlateClean

    External CSS Styling Not Being Applied


      I've a manually created text field, newsText_tf, into which I am able to load text. The text file, writeUp1.txt, is definitely getting loaded, but the CSS styling found in "newsStyle.css" in not getting applied, or loaded at all.:mad:



      I slipped in a few trace commands and supposed the CSS is getting loaded, or at least the function in which the trace code is found is getting read.:p



      Anyway, here's the code:



      import flash.events.Event;
      import flash.net.URLLoader;
      var navBanNews:URLRequest = new URLRequest("content_news/writeUp1.txt");
      var newsLoader:URLLoader = new URLLoader(navBanNews);
      var cssLoader:URLLoader = new URLLoader();
      //Load the text file ("writeUp1.txt")
      newsLoader.addEventListener(Event.COMPLETE, newsLoadCompleted);
      function newsLoadCompleted(event:Event):void
                var newsLoaded:URLLoader = URLLoader(event.target);
                newsBox_mc.newsText_tf.htmlText = newsLoaded.data;
                          trace("Text loaded!");
      //Load the CSS file ("newsStyle.css")
      function callCss():void
                var newsStyleRequest:URLRequest = new URLRequest("content_news/newsStyle.css");
                cssLoader.addEventListener(Event.COMPLETE, cssLoadComplete);
                          trace("CSS loaded!");
      function cssLoadComplete(event:Event):void
                var newsStyle:StyleSheet = new StyleSheet();
                newsBox_mc.newsText_tf.styleSheet = newsStyle;
                newsBox_mc.newsText_tf.wordWrap = true;
                          trace("CSS load complete!");



      I don't know if it means anything, but when I Test the movie, the "CSS loaded" trace is displayed first in the Output panel.