Comments on: Loading cascading style sheets on the fly using the Flex StyleManager class http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/ A bunch of examples for Adobe Flex and ActionScript Thu, 08 Jan 2009 12:12:37 +0000 http://wordpress.org/?v=2.2.1 By: Mark http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-16418 Mark Mon, 27 Oct 2008 05:13:49 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-16418 Jai, You can get around the flicker of the default theme by doing the following: 1) In your Application tag, set creationPolicy="none" 2) Set a preinitialize handler in your Application tag 3) Have the preinit handler load in your css file and set an oncomplete handler for the file 4) In the oncomplete handler, put this line of code: createComponentsFromDescriptors(); In short, this stops your application rendering until the css file is loaded. HTH, Mark Jai,

You can get around the flicker of the default theme by doing the following:

1) In your Application tag, set creationPolicy=”none”
2) Set a preinitialize handler in your Application tag
3) Have the preinit handler load in your css file and set an oncomplete handler for the file
4) In the oncomplete handler, put this line of code: createComponentsFromDescriptors();

In short, this stops your application rendering until the css file is loaded.

HTH,
Mark

]]> By: Jai http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-15931 Jai Mon, 29 Sep 2008 07:40:20 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-15931 Hi, This is a great example. However, I see that that whenever I change the theme, the default theme shows up for a fraction of a second. Is there any way that can be removed. I want the transition to be smooth and direct. Please let me know if there is a solution to this. cheers, Hi,

This is a great example. However, I see that that whenever I change the theme, the default theme shows up for a fraction of a second. Is there any way that can be removed. I want the transition to be smooth and direct. Please let me know if there is a solution to this.

cheers,

]]> By: Benjamin http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-13013 Benjamin Tue, 27 May 2008 10:39:32 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-13013 <pre class="code"> var myEvent:IEventDispatcher = StyleManager.loadStyleDeclarations("./css/stylz.swf"); myEvent.addEventListener(StyleEvent.COMPLETE,this.stylesLoaded); </pre> var myEvent:IEventDispatcher = StyleManager.loadStyleDeclarations("./css/stylz.swf"); myEvent.addEventListener(StyleEvent.COMPLETE,this.stylesLoaded); ]]> By: Benjamin http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12908 Benjamin Fri, 23 May 2008 12:23:30 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12908 I want to attach an event listener to know when the style is loaded. Problem is where to attach it? Something like this: <pre class="code"> myApplication.addEventListener(StyleEvent.COMPLETE,this.stylesLoaded); function stylesLoaded(e:StyleEvent):void { Do something... } </pre> I want to attach an event listener to know when the style is loaded. Problem is where to attach it?
Something like this:

myApplication.addEventListener(StyleEvent.COMPLETE,this.stylesLoaded);

function stylesLoaded(e:StyleEvent):void
{
   Do something...
}
]]> By: Brady White http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12340 Brady White Mon, 28 Apr 2008 17:05:21 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12340 Loading a CSS Font Swfs from a remote domain, getting this error: Unable to load style(SWF is not a loadable module) Please post solution asap ;) Loading a CSS Font Swfs from a remote domain, getting this error:
Unable to load style(SWF is not a loadable module)

Please post solution asap ;)

]]> By: Samuel Asher Rivello http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12293 Samuel Asher Rivello Fri, 25 Apr 2008 22:25:33 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-12293 Hi, Great, simple example. I'm working on something similar; an application that loads runtime css.swf. When the loader and css.swf are online it works fine, and when the loader and the css.swf are offline it works fine. However when the loader is offline and the css.swf is online I get the following error. This situation is desired as it contracts me to use the 'live' styles while I do updates on my loader from my desktop. I can recopy my online css.swf to the offline as a workaround, but that is less desirable. I want to fix the issue so that the loader can be offline and the css.swf can be online. Typically in flash this type of operation (for everything except this css.swf workflow) works fine in my experience. As far as I can tell its because the css.swf does not 'allow' itself, security-wise to be loaded. The css.swf has no as3 scope of course (because its based in a *.css file) so I can't use Security.allowDomain('*'). Likewise it doesn't call a crossdomain automatically either. ERROR: Error: Unable to load style(SWF is not a loadable module): http://images50.neopets.com/style_set_manager/styles_EN_v1.swf. QUESTION: Anyone know how to get this to work? I'll check back to this blog daily, and post the solution here if I find it elsewhere. Hi,

Great, simple example. I’m working on something similar; an application that loads runtime css.swf. When the loader and css.swf are online it works fine, and when the loader and the css.swf are offline it works fine. However when the loader is offline and the css.swf is online I get the following error. This situation is desired as it contracts me to use the ‘live’ styles while I do updates on my loader from my desktop. I can recopy my online css.swf to the offline as a workaround, but that is less desirable. I want to fix the issue so that the loader can be offline and the css.swf can be online. Typically in flash this type of operation (for everything except this css.swf workflow) works fine in my experience. As far as I can tell its because the css.swf does not ‘allow’ itself, security-wise to be loaded. The css.swf has no as3 scope of course (because its based in a *.css file) so I can’t use Security.allowDomain(’*'). Likewise it doesn’t call a crossdomain automatically either.

ERROR:
Error: Unable to load style(SWF is not a loadable module): http://images50.neopets.com/style_set_manager/styles_EN_v1.swf.

QUESTION:
Anyone know how to get this to work? I’ll check back to this blog daily, and post the solution here if I find it elsewhere.

]]> By: peterd http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-10623 peterd Sun, 06 Apr 2008 07:29:14 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-10623 Deden, Sure, go ahead. Peter Deden,

Sure, go ahead.

Peter

]]> By: Deden http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-10611 Deden Sun, 06 Apr 2008 06:19:41 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-10611 I'm from indonesia. It's very interesting to see this article. I like it. I was looking for the article like tis everywhere on net. I want to permit with you, can you give me a permission to copy your article to my homework please.?? Sorry if my english bad because i only can speak english a little. Regards Deden I’m from indonesia. It’s very interesting to see this article. I like it. I was looking for the article like tis everywhere on net. I want to permit with you, can you give me a permission to copy your article to my homework please.??

Sorry if my english bad because i only can speak english a little.

Regards
Deden

]]> By: Almog Kurtser http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-5053 Almog Kurtser Thu, 13 Dec 2007 19:49:54 +0000 http://blog.flexexamples.com/2007/12/12/loading-cascading-style-sheets-on-the-fly-using-the-flex-stylemanager-class/#comment-5053 Hi Peter, That's really nice example, I have a question which is not directly related to this example: I have an app that dynamically loads a compiled css swf at app startup. Well, it works just fune, but it would be much more slick to load swf before the flex preloader completes. Do you think this can be done without changing the flex framework (yuk!) ? Thanks, Almog. Hi Peter,

That’s really nice example, I have a question which is not directly related to this example:
I have an app that dynamically loads a compiled css swf at app startup.
Well, it works just fune, but it would be much more slick to load swf before the flex preloader completes. Do you think this can be done without changing the flex framework (yuk!) ?

Thanks,

Almog.

]]>