Let's talk about Flex, AIR, ActionScript, ColdFusion and more    

Realtime CSS Updater powerd by Flex2StyleExplorer


I customized Flex2StyleExplorer and I made a module that update css of your Flex2 application in runtime browser. This doesn't use Runtime CSS feature of Flex 2.0.1. This use LocalConnection class. So you can change design of your application from Flex2StyleExplorer on other browser.
This is hard to explain with my skill of English. So just try it :D

Step 1. Launch this sample that is RealTimeCSS in my Flex2Samples.

Step 2. Launch customized Flex2StyleExplorer in my Flex2Samples.

Step 3. try to change styles on Flex2StyleExplorer ;)

You can launch IE for Step1 and launch FireFox for Step2.

This is just an idea. Is this useful??
If this is useful, I'll improve feature and publish those source code that need to brush up.


BTW, I couldn't figure out a mechanism of "crossdomain.xml" yet.
In RealTimeCSS sample, I used Module mechanism in Flex 2.0.1. The Code is below.

<mx:ModuleLoader url="http://shigeru-nakagaki.com/flex_samples/Style/RealTimeCSS/SyncCSSModule.swf"/>


If domain is different, Security sandbox error happen. How should I??

I uploaded "crossdomain.xml" everywhere on my site. I wrote Security.allDomain(...) and I tried Security.loadPolicyFile(...). But it had never worked. Who can explain this mechanism exactly??


If you want to try this, download SyncCSSModule.swf and download (Customized) Flex2StyleExplorer.swf (use right click and save as).
And write a code like below in your application,

<mx:ModuleLoader url="http://your-domain/your-path/SyncCSSModule.swf"/>
Banner Ads ( TYPE EN B )

Google Analytics report of my site.

If you want to put a banner ads here, please contact me.


Related Blog Entries

Comments
Bryan's Gravatar did you try using the localConnection.allowDomain('yourdomain') method?

referenced here:
http://livedocs.adobe.com/flex/201/langref/flash/n...

like the concept btw... look forward to seeing how you did it.
# Posted By Bryan | 3/12/07 1:43 PM
Tim's Gravatar Brilliant! I've talked with one or two people about this general concept. I could see this being really useful for people wanting to quickly see how some CSS changes would look in their existing app.
# Posted By Tim | 3/12/07 2:14 PM
JSander's Gravatar Cool!!! Could you put the source code?
# Posted By JSander | 3/12/07 8:10 PM
Jonathan's Gravatar This is really cool. Are you going to release your customizations to the Flex Style Explorer and SnycCSSModule?
# Posted By Jonathan | 3/12/07 10:49 PM
Peter Baird's Gravatar I love it. This is very cool. As others have said, could I ask that you enable view source for your version of the Style Explorer. Also, do we have permission to see if there's a way that we can integrate this into future versions of the Flex Style Explorer?
# Posted By Peter Baird | 3/13/07 7:47 AM
Shigeru's Gravatar Yes, I will put entire source of both in a week. Please wait for me :)

I have a question. Is there any wish feature else?
# Posted By Shigeru | 3/13/07 1:08 PM
Myo's Gravatar This is really really cool. Is there any plan for further development or get the community in with your module? I am dying to see what you did in SyncCSSModule.swf
# Posted By Myo | 6/20/07 6:55 PM
BlogCFC was created by Raymond Camden. This blog is running version 5.5.005.